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 i react-native-hide-onkeyboard
import { HideOnKeyboard, ShowOnKeyboard } from "react-native-hide-onkeyboard";

2. Usages.

  <Text> I will only appear when the keyboard is open</Text>
<HideOnKeyboard style={{ backgroundColor: 'red', height: 100, width: 100 }}>
  <Text >I will hide when the key board is open</Text>


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

Add Comment