4 Repos
Automatically adjusting bottom sheet position when the on-screen keyboard appears or changes height.
Distinct from Bottom Sheets: Distinct from Bottom Sheets: focuses on keyboard-aware position adjustment specific to bottom sheets, not the general sheet component.
Explore 4 awesome GitHub repositories matching user interface & experience · Keyboard-Aware Behavior. Refine with filters or upvote what's useful.
This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I
Automatically adjusts bottom sheet position when the on-screen keyboard appears or changes height.
Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as a mobile-friendly alternative to traditional dialogs and modals by rendering content into a separate DOM node via a portal to avoid layout nesting issues. The library features configurable snap points that allow panels to lock into specific vertical heights during drag gestures. It supports hierarchical UI layering, enabling the use of nested drawers for complex navigation or multi-level menus. The component includes an accessibility layer with ARIA announcements and focus ma
Automatically adjusts the position of the bottom sheet when the virtual keyboard appears.
PopupDialog ist eine Swift-UI-Komponentenbibliothek für iOS, die ein benutzerdefiniertes modales Overlay-System bereitstellt. Sie dient als flexibler Ersatz für den Standard-System-Alert-Controller und ermöglicht die Erstellung stilisierter Popups und Alerts mit individuellen Layouts. Die Bibliothek zeichnet sich durch die Möglichkeit aus, beliebige View-Controller direkt in den Dialog-Body einzubetten. Sie enthält ein zentrales Theme-Konfigurationssystem, um konsistente visuelle Stile für Container, Overlays und Buttons in der gesamten Anwendung beizubehalten. Das Projekt deckt eine breite Palette an Layout- und Verhaltenssteuerungen ab, einschließlich Keyboard-Avoidance-Handling, Steuerung der Statusleisten-Sichtbarkeit und gestenbasierter Schließmechanismen. Es unterstützt zudem visuelle Feedback-Mechanismen wie Shake-Animationen und konfigurierbare Übergangsanimationen beim Ein- und Ausblenden.
Automatically shifts the dialog position on the Y-axis when the system keyboard appears.
React Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a navigation and interface utility that allows users to access secondary content or settings through slide-up panels without leaving their current screen context. The library distinguishes itself by processing touch events and swipe gestures directly on the UI thread, ensuring responsive interaction across different mobile devices. It utilizes a portal-based rendering approach to position modal content above all other application elements, while its internal logic synchronizes scro
Automatically adjusts bottom sheet position when the on-screen keyboard appears or changes height.