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

expo install react-native-input-keyboard

Other

npm install react-native-input-keyboard
# OR
yarn add react-native-input-keyboard
# OR
pnpm add react-native-input-keyboard

Usage

import { TextInput } from 'react-native';
import InputKeyboard from 'react-native-input-keyboard';

function Screen() {
    return (
      <InputKeyboard>
        {/* ... */}
        <TextInput />
        {/* ... */}
      </InputKeyboard>
    )
}

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.