react-native-touch-blocker

TouchBlocker is a React Native and React Native Web component that helps blocking the user from interacting with children components.

Install

npm install react-native-touch-blocker --save

or

yarn add react-native-touch-blocker

Demo

Test it online on Expo

Usage

<TouchBlocker>
  <Button
    title="Can't Touch This 😎"
    onPress={() => null}
  />
</TouchBlocker>

Props

Prop	Default	Type	Description
enableTouchEvents	false	Boolean	Allow children to receive touch events

The TouchBlocker component also supports React Native View Props.