APSL/react-native-keyboard-aware-scroll-view
React Native Keyboard Aware Scroll View
Ce projet fournit des wrappers de composants et des gestionnaires qui automatisent la synchronisation entre la visibilité du clavier logiciel et la position de défilement des éléments de saisie actifs. Il s'agit d'une vue de défilement pour clavier mobile multiplateforme conçue pour garder les saisies de texte actives visibles au-dessus du clavier logiciel.
La bibliothèque fonctionne comme un wrapper de composant sensible au clavier qui détecte les événements du clavier logiciel pour empêcher les champs de saisie d'être masqués. Elle utilise un scroller de focus de saisie automatique pour calculer la position de défilement nécessaire et maintenir le focus sur le curseur actif.
Le système couvre la gestion de la saisie UI mobile et la mise en page de formulaires via un ajustement automatique de la vue et un défilement de saisie focalisé. Il incorpore des écouteurs d'événements clavier pour déclencher des changements de mise en page et déplacer programmatiquement la position de la vue vers un champ de texte focalisé.
Features
- Keyboard-Aware Scroll Views - Implements scrollable containers that automatically adjust content insets to prevent the keyboard from obscuring active inputs.
- Keyboard-Aware Text Inputs - Ensures text fields are automatically scrolled into view to prevent the keyboard from obscuring user input.
- Automatic Focus Scrollers - Calculates the necessary scroll position to maintain focus on the active cursor within text input forms.
- Keyboard Occlusion Management - Prevents the software keyboard from obscuring active UI elements through automatic layout management.
- React Native Components - Provides specialized React Native components to manage input field visibility during keyboard interactions.
- Dynamic View Adjusters - Dynamically shifts the scroll position of a screen based on software keyboard appearance and disappearance.
- Focus-Triggered Scrolling - Initiates a scroll animation specifically when a text input gains focus to ensure the cursor remains visible.
- Dynamic View Padding - Dynamically modifies bottom padding in real time to prevent the keyboard from obscuring active input fields.
- Focused Element Scrolling - Programmatically moves the view position to a focused text field or specific coordinate to maintain element visibility.
- iOS Keyboard Event Trackers - Monitors keyboard visibility and frame changes to calculate and apply necessary vertical layout offsets.
- Keyboard Offset Wrappers - Encapsulates standard scroll views within specialized containers to intercept layout changes and apply keyboard offsets.
- Coordinate-Based Position Calculators - Calculates spatial coordinates of input fields to determine the exact scroll distance required to keep them visible.
- Mobile Data Entry Interfaces - Provides optimized mobile data entry interfaces by coordinating scroll views with active text input focus.
