awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 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·13 views

React Native Keyboard Aware Scroll View

This project provides component wrappers and managers that automate the synchronization between software keyboard visibility and the scroll position of active input elements. It is a cross-platform mobile keyboard scroll view designed to keep active text inputs visible above the software keyboard.

The library functions as a keyboard-aware component wrapper that detects software keyboard events to prevent input fields from being obscured. It utilizes an automatic input focus scroller to calculate the necessary scroll position and maintain focus on the active cursor.

The system covers mobile UI input handling and form layout through automatic view adjustment and focused input scrolling. It incorporates keyboard event listeners to trigger layout changes and programmatically move the view position to a focused text field.

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 history

Star history chart for apsl/react-native-keyboard-aware-scroll-viewStar history chart for apsl/react-native-keyboard-aware-scroll-view

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with React Native Keyboard Aware Scroll View

These projects share indexed features with React Native Keyboard Aware Scroll View. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • michaeltyson/tpkeyboardavoidingmichaeltyson avatar

    michaeltyson/TPKeyboardAvoiding

    5,795View on GitHub↗

    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
    View on GitHub↗5,795
  • react-native-community/react-native-modalreact-native-community avatar

    react-native-community/react-native-modal

    5,656View on GitHub↗

    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
    View on GitHub↗5,656
  • kirillzyusko/react-native-keyboard-controllerkirillzyusko avatar

    kirillzyusko/react-native-keyboard-controller

    3,349View on GitHub↗

    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
    View on GitHub↗3,349
  • dylanvann/react-native-fast-imageDylanVann avatar

    DylanVann/react-native-fast-image

    8,424View on GitHub↗

    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
    View on GitHub↗8,424
Compare all 30 related projects→

Frequently asked questions

What does apsl/react-native-keyboard-aware-scroll-view do?

This project provides component wrappers and managers that automate the synchronization between software keyboard visibility and the scroll position of active input elements. It is a cross-platform mobile keyboard scroll view designed to keep active text inputs visible above the software keyboard.

What are the main features of apsl/react-native-keyboard-aware-scroll-view?

The main features of apsl/react-native-keyboard-aware-scroll-view are: 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.

Which projects share features with apsl/react-native-keyboard-aware-scroll-view?

Projects with overlapping indexed features include: 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… nysamnang/react-native-raw-bottom-sheet — React Native Raw Bottom Sheet is a cross-platform mobile UI component that renders custom sliding modal panels and…