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

IT技术 javascript facebook reactjs react-native reactjs-native
2021-05-04 09:19:08

我的应用程序屏幕有一个带有少量文本输入的视图组件。我无法禁用文本输入。有没有办法可以禁用完整视图?

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

2个回答

您可以使用pointerEvents

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

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

你可以使用类似的东西

<查看指针事件={myCondition ? '无':'自动'}>

在一些罕见的情况下,添加到 Kerumen 的答案中:

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

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

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