React Native Input Keyboard

This component will automatically adjust the screen to remain the focused input visible while the virtual keyboard is displayed.

Installation

Expo

1expo install react-native-input-keyboard

Other

1npm install react-native-input-keyboard
2# OR
3yarn add react-native-input-keyboard
4# OR
5pnpm add react-native-input-keyboard

Usage

1import { TextInput } from 'react-native';
2import InputKeyboard from 'react-native-input-keyboard';
3
4function Screen() {
5    return (
6      <InputKeyboard>
7        {/* ... */}
8        <TextInput />
9        {/* ... */}
10      </InputKeyboard>
11    )
12}

Props

Inherits View Props.

Prop	Type	Default	Description
enabled	boolean	true	Enable or disable the component behaviors.
offset	number	0	This is the distance between the input and the keyboard.
onPress	function	Keyboard.dismiss	The behavior when users press outside the input.