react-native-keyboard-dismiss-view

A touch intercepting view to dismiss the keyboard.

Usage no npm install needed!

<script type="module">
  import reactNativeKeyboardDismissView from 'https://cdn.skypack.dev/react-native-keyboard-dismiss-view';
</script>

README

react-native-keyboard-dismiss-view

NPM version

A touch intercepting view to dismiss the keyboard.

Install

$ npm install react-native-keyboard-dismiss-view

Usage

React Native

import KeyboardDismissView, { dismissKeyboard } from 'react-native-keyboard-dismiss-view';

export default function Home() {
  return (
    <KeyboardDismissView style={{flex: 1}}>
      <TextInput
        placeholder="Email address"
      />
      <Button title="Submit" onPress={() => alert('pressed')} />
      <Button title="Dismiss keyboard" onPress={dismissKeyboard} />
    </KeyboardDismissView>
  );
}