忽略可触摸组件的子项上的触摸

时间:2020-03-30 17:30:43

标签: reactjs react-native

我有一个显示标题和任意内容的卡片组件,看起来像这样:

<TouchableNativeFeedback onPress={props.onPress}>
  <View style={styles.cardContainer}>
    <Text>Header</Text>      
    <View style={childrenContainer}>
      {props.children}
    </View>
  </View>
</TouchableNativeFeedback>

在某些情况下,我通过允许用户按下该卡来获取更多信息,从而使该卡可扩展。因此onPress切换状态,该状态决定是否通过props.children在卡中显示其他内容(在这种情况下为列表)。

问题在于,当用户按下子内容时,会触发卡的onPress并再次折叠卡。我可以防止这种行为吗?我认为有一些选项可以忽略子容器的接触,但是我什么也没找到。

子内容本身可以包含一些按钮或文本输入,因此触摸功能仍应在那里起作用,只是不应该触发卡的onPress,而只能按标题来触发。

0 个答案:

没有答案