如何使整个 TouchableOpacity 在内部有其他组件时可点击？答案

【问题标题】：How to make the entire TouchableOpacity clickable while has other components inside?如何使整个 TouchableOpacity 在内部有其他组件时可点击？
【发布时间】：2018-01-10 21:34:08
【问题描述】：

我有一个基本上是 TouchableOpacity 的组件，其中包含一些 TextInputs。

它有两种状态：展开和未展开。当它未展开时，TextInputs 被禁用，并且通过单击 TouchableOpacity 它转换到展开状态，其中 TouchableOpacity 被禁用并且 TextInputs 是可编辑的。

但是，禁用的 TextInputs 正在取消点击。 TouchableOpacity 只能在空白处点击。如何使整个 TouchableOpacity 可点击？

【问题讨论】：

标签： react-native

【解决方案1】：

react-native 中有一个 prop 可以控制 View 是否可以作为触摸事件的目标。像这样给你禁用的TextInput 的pointerEvents={'none'} 道具；

<TextInput pointerEvents={'none'} />

【讨论】：