Question

我使用绝对定位将2个View组件彼此渲染。这两个视图都有使用TouchableOpacity绑定的onPress事件。现在，当我按顶视图时，实际上会触发视图onPress事件，并且顶视图保持原样。有人可以帮我在这里做错什么吗？

顶层代码

<TouchableOpacity style={cell} onPress={this.handleMessangerPress}>
     <Image style={[filterImage, {marginLeft: 20}]} source={{ uri: imagePath + 'messanger.png' }} />
</TouchableOpacity>

底层代码

<TouchableOpacity style={styles.subTotal} onPress={this.handleSubTotalPress}>
    <View>
       <Text style={styles.text}>{'Subtotal Rs.' + total}</Text>
    </View>
</TouchableOpacity>

在上述情况下，将调用handleSubTotalPress代替handleMessangerPress

Answer 1

使用这种方式

<TouchableOpacity style={styles.subTotal} onPress={()=> this.handleSubTotalPress() }>

或

<TouchableOpacity style={styles.subTotal} onPress={this.handleSubTotalPress.bind(this) }>

在多层组件的情况下如何纠正事件传播

1 个答案: