javascript 我可以在react native中禁用View组件吗？

jvlzgdj9 于 2023-05-27 发布在 Java

关注(0)|答案(3)|浏览(158)

我的应用程序屏幕有一个视图组件，只有很少的文本输入。我无法禁用文本输入。有没有一种方法，我可以禁用完整的视图？
P.S.：通过禁用视图组件，我的意思是该组件呈现，但变得不响应任何操作。

3条答案

可以使用pointerEvents：

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

这将使视图对触摸事件无响应。
您可以使用类似
<View pointerEvents={myCondition？'auto'}>

除了Kerumen的回答，在一些罕见的情况下：

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

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

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

在要使其对任何操作都无响应的空间中创建TouchableOpacity。就像这样：

<TouchableOpacity style={{ width : 40 , height : 40}} activeOpacity={1}>
</TouchableOpacity>

此区域没有来自父组件的任何操作