web-dev-qa-db-ja.com

別のTouchableOpacity内のStacked TouchableOpacityはクリックできません

このドキュメント（ https://facebook.github.io/react-native/docs/gesture-responder-system.html ）に記載されているにもかかわらず、タッチイベントは子に渡され、親によって消費され、子供がイベントに反応しない場合、別のTouchableOpacity内にネストされたTouchableOpacityがタッチに正しく反応しないという問題に直面します。

私の構造は次のようです

<ScrollView>
  <TouchableOpacity onPress={() => console.log('This is printed always')}>
    <View>
      <Text>I can click here</Text>
      <TouchableOpacity onPress={() => console.log('This is printed never')}>
        <Text>I can click here but the outer onPress is called instead of the inner one</text>
      </TouchableOpacity>
    </View>
  </TouchableOpacity>
</ScrollView>

同じことがTouchableOpacitys内のボタンでも起こります。ボタンをクリックすると、親TouchableOpacityのonPressメソッドが呼び出されます。

私は何かを監督していますか？

androidreact-nativetouchableopacity
16
moritzschaefer

もう少し目立つようにここに書いてください。

ネストされたTouchableOpacityは、@ EliezerSteinbockで言及されているように、親のものとは異なるものからインポートされている可能性があります。多くの場合、ビジュアルコードやその他のIDEで自動インポートを使用しているため、これはかなり可能です。

悲しいことに、私は初めての彼女のコメントを逃したので、うまくいけば、これは他の誰かを助けるでしょう

1
BenC