react-native-dismiss-keyboard-views

Views and HOCs that trigger Keyboard.dismiss when touched

Usage no npm install needed!

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

README

react-native-dismiss-keyboard-views

npm version Dependency Status devDependencies Status typings included npm

This is based on a code snippet from this SO answer by Eric Kim

Usage

import {
  DismissKeyboardView,
  DismissKeyboardTouchableOpacity
} from 'react-native-dismiss-keyboard-views'

const view = (
  <DismissKeyboardView style={someStyle}>
    ...
  </DismissKeyboardView>
)

const touchable = (
  <DismissKeyboardTouchableOpacity
    onPress={() => console.log('Keyboard dismissed!')}
  >
    ...
  </DismissKeyboardTouchableOpacity>
)