我可以在 React Native 中禁用 View 组件吗？

Question

我的应用程序屏幕有一个带有少量文本输入的视图组件。我无法禁用文本输入。有什么方法可以禁用完整视图吗？

P.S.: 通过禁用视图组件，我的意思是该组件呈现但对任何操作都没有响应。

Answer 1

您可以使用 pointerEvents:

<View pointerEvents="none">
  ...
</View>

这将使视图对触摸事件无响应。

你可以使用像

这样的东西

<View pointerEvents={myCondition ? 'none' : 'auto'}>

Answer 2

添加到 Kerumen 的回答中，在极少数情况下：

<View pointerEvents={myCondition ? 'none' : 'auto'}>
  ...
</View>

您可能需要将其包装在匿名函数中：

<View pointerEvents={() => myCondition ? 'none' : 'auto'}>
  ...
</View>