onPressで複数の子を持つTouchableOpacity

Question

TouchableOpacityの中にカスタムの行アイテムラッパーを持つFlatListがあります。 TouchableOpacity内に複数のonPressを配置して、それぞれの子ビューが尊重された仕事を処理できるようにしたいと思います。問題は、子ビューを押してもそれは仕事だが、親のonPressも実行されるということです。それをやめる方法は？ごみ箱アイコンの上にのみonDeleteItemユーザープレスを実行するための方法を別の言葉で

<TouchableOpacity onPress={() => this.doSomething()}> 
    <Text>Some content</Text> 
    <Icon name="trash" size={20} onPress={this.onDeleteItem(item)}/> 
<TouchableOpacity> 

？

ありがとう、ありがとうございます。

Answer 1

最初のonPressをTextに移動するか、最も外側のコンテナよりも適切な場所に移動します。

<TouchableOpacity> 
    <Text onPress={() => this.doSomething()} >Some content</Text> 
    <Icon name="trash" size={20} onPress={this.onDeleteItem(item)}/> 
<TouchableOpacity> 

Theresのそれはすべてのコンテンツを包んだので、親TouchableOpacityのイベントリスナーを回避するための方法はありません。より多くのモジュール/コンテンツ（NativeBase）を追加する必要があります。