More Premium Hugo Themes Premium React Themes

React Native Keyboard Aware Scroll View

A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.

React Native Keyboard Aware Scroll View

A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.

Author Avatar Theme by apsl
Github Stars Github Stars: 5385
Last Commit Last Commit: Nov 4, 2021 -
First Commit Created: Feb 24, 2024 -
React Native Keyboard Aware Scroll View screenshot

Overview:

The react-native-keyboard-aware-scroll-view is a ScrollView component designed to handle keyboard appearance and automatically scroll to focused TextInput. It is compatible with different versions of React Native and offers features such as auto-scrolling in TextInput fields and programmatic scrolling to specific positions. The package also provides support for Android devices and a range of API props for customization.

Features:

  • Handles Keyboard Appearance: Automatically scrolls to focused TextInput when the keyboard appears.
  • Auto-Scroll in TextInput Fields: Component auto scrolls to the focused TextInput.
  • Programmatic Scrolling: Built-in method scrollToFocusedInput allows scrolling to any TextInput field.
  • Customizable HOC: Utilize the KeyboardAwareHOC for handling keyboard appearance in other components.
  • Android Support: Enables additional features on Android devices with the ability to adjust settings for optimal performance.

Installation:

To install the react-native-keyboard-aware-scroll-view, you can use npm or yarn package managers.

npm install react-native-keyboard-aware-scroll-view

or

yarn add react-native-keyboard-aware-scroll-view

Summary:

In conclusion, the react-native-keyboard-aware-scroll-view package provides a convenient solution for managing keyboard behavior in React Native applications. With features like automatic scrolling, programmatic control, and Android support, developers can enhance the user experience when dealing with TextInput fields within ScrollView components. The flexibility to customize behavior with API props makes it a valuable tool for handling keyboard interactions seamlessly.