我有一个显示标题和任意内容的卡片组件,看起来像这样:
<TouchableNativeFeedback onPress={props.onPress}>
<View style={styles.cardContainer}>
<Text>Header</Text>
<View style={childrenContainer}>
{props.children}
</View>
</View>
</TouchableNativeFeedback>
在某些情况下,我通过允许用户按下该卡来获取更多信息,从而使该卡可扩展。因此onPress
切换状态,该状态决定是否通过props.children
在卡中显示其他内容(在这种情况下为列表)。
问题在于,当用户按下子内容时,会触发卡的onPress并再次折叠卡。我可以防止这种行为吗?我认为有一些选项可以忽略子容器的接触,但是我什么也没找到。
子内容本身可以包含一些按钮或文本输入,因此触摸功能仍应在那里起作用,只是不应该触发卡的onPress,而只能按标题来触发。