Description:
A minimal React Native component to show to hide a view when the keyboard is present.
How to use it:
1. Install and import.
# Yarn $ yarn add react-native-hide-onkeyboard # NPM $ npm i react-native-hide-onkeyboard
import { HideOnKeyboard, ShowOnKeyboard } from "react-native-hide-onkeyboard";2. Usages.
<ShowOnKeyboard> <Text> I will only appear when the keyboard is open</Text> </ShowOnKeyboard>
<HideOnKeyboard style={{ backgroundColor: 'red', height: 100, width: 100 }}>
<Text >I will hide when the key board is open</Text>
</HideOnKeyboard>