awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

4 Repos

Awesome GitHub RepositoriesKeyboard-Aware Behavior

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.

Awesome Keyboard-Aware Behavior GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • gorhom/react-native-bottom-sheetAvatar von gorhom

    gorhom/react-native-bottom-sheet

    9,003Auf GitHub ansehen↗

    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.

    TypeScriptbottom-sheetbottomsheetmodal
    Auf GitHub ansehen↗9,003
  • emilkowalski/vaulAvatar von emilkowalski

    emilkowalski/vaul

    8,426Auf GitHub ansehen↗

    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.

    TypeScriptdialogdrawerreact
    Auf GitHub ansehen↗8,426
  • orderella/popupdialogAvatar von orderella

    orderella/PopupDialog

    4,026Auf GitHub ansehen↗

    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.

    Swift
    Auf GitHub ansehen↗4,026
  • jeremybarbet/react-native-modalizeAvatar von jeremybarbet

    jeremybarbet/react-native-modalize

    2,886Auf GitHub ansehen↗

    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.

    TypeScriptcomponentmodalreact
    Auf GitHub ansehen↗2,886
  1. Home
  2. User Interface & Experience
  3. Bottom Sheets
  4. Keyboard-Aware Behavior

Unter-Tags erkunden

  • Dialog Position AdjustmentsDynamic shifting of dialog containers to remain visible above the system keyboard. **Distinct from Keyboard-Aware Behavior:** Distinct from Keyboard-Aware Behavior: specifically applies to floating dialogs rather than bottom sheets.