Hide Or Show View On Keypress

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>

Preview:

Hide Or Show View On Keypress

Download Details:

Author: TIKramer

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/TIKramer/react-native-hide-onkeyboard

License: MIT

You Might Be Interested In:

Add Comment