This library is deprecated and no longer maintained. Please use one of the actively maintained alternatives below.
- react-native-keyboard-controller - The modern solution. Native approach with Reanimated support, compatible with Fabric/New Architecture.
- react-native-keyboard-aware-scroll-view - Drop-in keyboard-aware ScrollView, actively maintained.
- KeyboardAwareScrollView (Expo) - Built on
react-native-keyboard-controller, available in Expo SDK 51+.
Original README (archived)
A react-native hook that handle auto-scroll when input is focused and behind keyboard.
yarn add react-native-use-input-scroll-handlerimport useInputScrollHandler from "react-native-use-input-scroll-handler";
// ...
const { scrollHandler } = useInputScrollHandler();
<ScrollView {...scrollHandler}>Custom options can be passed to this hook.
| Option | Type | Description |
|---|---|---|
ref |
MutableRefObject |
Use this if you need to use your own scroll view ref. |
extraScrollHeight |
number |
Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard. |
keyboardOpeningTime |
number |
Sets the delay time before scrolling to new position, default is 250 |
MIT