RN-Keyboard-View

• Easy to use

• Quick to implement

• Only depends on React&React Native

• Overview: https://shorturl.at/kKL15

Installation

• You should be fine with most of the React Native versions

• No linking required

npm i rn-keyboard-view

Usage

• Import it

import KeyboardView from 'rn-keyboard-view';

• Use defer to wait between different input focuses

const [isFocused, setIsFocused] = useState(false);
const deferredFocus = useDeferredValue(isFocused);

• Set the focus state from your inputs

const onFocus = () => setIsFocused(true);
const onBlur = () => setIsFocused(false);

• Use the component and add your code and you are set :)

<KeyboardView isFocused={deferredFocus}>
{/* YOUR CODE */}
</KeyboardView>

Props

REQUIRED

isFocused: boolean

OPTIONAL

scrollEnabled: boolean

License

MIT