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
·
APSL avatar

APSL/react-native-keyboard-aware-scroll-view

0
View on GitHub↗
5,377 Stars·641 Forks·JavaScript·MIT·4 Aufrufe

React Native Keyboard Aware Scroll View

Dieses Projekt bietet Komponenten-Wrapper und Manager, die die Synchronisation zwischen der Sichtbarkeit der Software-Tastatur und der Scroll-Position aktiver Eingabeelemente automatisieren. Es handelt sich um eine plattformübergreifende mobile Keyboard-Scroll-View, die darauf ausgelegt ist, aktive Texteingaben über der Software-Tastatur sichtbar zu halten.

Die Bibliothek fungiert als tastaturbewusster Komponenten-Wrapper, der Software-Tastaturereignisse erkennt, um zu verhindern, dass Eingabefelder verdeckt werden. Sie nutzt einen automatischen Eingabefokus-Scroller, um die notwendige Scroll-Position zu berechnen und den Fokus auf dem aktiven Cursor zu halten.

Das System deckt die mobile UI-Eingabehandhabung und das Formular-Layout durch automatische View-Anpassung und fokussiertes Input-Scrolling ab. Es integriert Tastatur-Ereignis-Listener, um Layout-Änderungen auszulösen und die View-Position programmatisch zu einem fokussierten Textfeld zu bewegen.

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.

Star-Verlauf

Star-Verlauf für apsl/react-native-keyboard-aware-scroll-viewStar-Verlauf für apsl/react-native-keyboard-aware-scroll-view

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Häufig gestellte Fragen

Was macht apsl/react-native-keyboard-aware-scroll-view?

Dieses Projekt bietet Komponenten-Wrapper und Manager, die die Synchronisation zwischen der Sichtbarkeit der Software-Tastatur und der Scroll-Position aktiver Eingabeelemente automatisieren. Es handelt sich um eine plattformübergreifende mobile Keyboard-Scroll-View, die darauf ausgelegt ist, aktive Texteingaben über der Software-Tastatur sichtbar zu halten.

Was sind die Hauptfunktionen von apsl/react-native-keyboard-aware-scroll-view?

Die Hauptfunktionen von apsl/react-native-keyboard-aware-scroll-view sind: Keyboard-Aware Scroll Views, Keyboard-Aware Text Inputs, Automatic Focus Scrollers, Keyboard Occlusion Management, React Native Components, Dynamic View Adjusters, Focus-Triggered Scrolling, Dynamic View Padding.

Welche Open-Source-Alternativen gibt es zu apsl/react-native-keyboard-aware-scroll-view?

Open-Source-Alternativen zu apsl/react-native-keyboard-aware-scroll-view sind unter anderem: michaeltyson/tpkeyboardavoiding — TPKeyboardAvoiding is a drop-in iOS library that automatically adjusts scroll views to keep text fields visible when… react-native-community/react-native-modal — This project is a cross-platform UI component for React Native applications that provides a customizable overlay… meliorence/react-native-snap-carousel — This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It… dylanvann/react-native-fast-image — This is a high-performance image component and native caching library for mobile applications. It provides tools for… kirillzyusko/react-native-keyboard-controller — This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based… oblador/react-native-progress — react-native-progress is a collection of visual components for cross-platform mobile applications designed to…

Open-Source-Alternativen zu React Native Keyboard Aware Scroll View

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit React Native Keyboard Aware Scroll View.
  • michaeltyson/tpkeyboardavoidingAvatar von michaeltyson

    michaeltyson/TPKeyboardAvoiding

    5,795Auf GitHub ansehen↗

    TPKeyboardAvoiding is a drop-in iOS library that automatically adjusts scroll views to keep text fields visible when the keyboard appears. It provides a UIView subclass that can replace existing scroll views without modifying existing code or delegates, making it straightforward to integrate into UIKit-based form interfaces. The library handles keyboard avoidance by monitoring keyboard notifications and synchronizing frame animations with the keyboard's appearance and disappearance. It also adds an input accessory toolbar with "Next" and "Done" buttons to the keyboard, enabling field navigati

    Objective-C
    Auf GitHub ansehen↗5,795
  • react-native-community/react-native-modalAvatar von react-native-community

    react-native-community/react-native-modal

    5,656Auf GitHub ansehen↗

    This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

    TypeScript
    Auf GitHub ansehen↗5,656
  • kirillzyusko/react-native-keyboard-controllerAvatar von kirillzyusko

    kirillzyusko/react-native-keyboard-controller

    3,349Auf GitHub ansehen↗

    This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based dismissal, and event tracking. It serves as a cross-platform keyboard event bus, ensuring consistent keyboard show and hide behavior between iOS and Android. The project features an interactive animation driver that links native keyboard frame events directly to animated values to bypass bridge round-trips. It enables interactive keyboard dismissal via swipe gestures and includes a keyboard preloading system to eliminate first-show latency and input lag. The library provides com

    TypeScriptandroidanimationavoiding-view
    Auf GitHub ansehen↗3,349
  • dylanvann/react-native-fast-imageAvatar von DylanVann

    DylanVann/react-native-fast-image

    8,424Auf GitHub ansehen↗

    This is a high-performance image component and native caching library for mobile applications. It provides tools for image optimization and asset preloading to reduce visual flicker and increase loading speeds. The project differentiates itself through a mobile asset preloader that downloads remote images into a local cache before they are requested. It also includes a system for assigning loading priority levels to ensure critical visual assets are fetched first and supports remote asset authentication by attaching custom HTTP headers to requests. The library covers a broad range of capabil

    TypeScript
    Auf GitHub ansehen↗8,424
Alle 30 Alternativen zu React Native Keyboard Aware Scroll View anzeigen→