Sometimes, we want to disable a View component in React Native.

In this article, we’ll look at how to disable a View component in React Native.

How to disable a View component in React Native?

To disable a View component in React Native, we can set the pointerEvents prop to 'none'.

For instance, we write:

import * as React from 'react';
import { Text, View } from 'react-native';

export default function App() {
  return (
    <View>
      <View pointerEvents="none">...</View>
    </View>
  );
}

to set the inner view’s pointerEvents prop to 'none' so that users can’t interact with the content inside.

Conclusion

To disable a View component in React Native, we can set the pointerEvents prop to 'none'.