javascript - コンポーネント外のタッチイベントをネイティブにリッスンする

Question

スワイプ可能なビュー コンポーネントのリストを作成しています。1つのスワイプ可能なビューがアクティブなときに、このスワイプ可能なビュー以外の場所に触れると、スワイプが閉じられるようにしたいと考えています。textInput の onblur のようなものです。

ここでリスナーを追加すると役立つと思いますが、それを実現する方法が正確にはわかりません。

また、後でページをリストの一番上にプッシュするスタック ナビゲーターもあります。私が探しているのは同じです。ビューの外に出たら、スワイプを閉じます。

明確にするために、コードは次のようになります。

<SafeAreaView>
  <ScrollView>
  {items.map(item => <CustomItem itemdata={item} />)}
  </ScrollView>
</SafeAreaView>

次のようなカスタムアイテムコンポーネントを使用:

import Swipeable from 'react-native-gesture-handler/Swipeable';

....//React component stuff

render() {
  return (
  <Swipeable
    friction={2}
    overshootRight={false}
    renderRightActions={this.renderRight}
  >
    <View> 
    .....
    </View>
  </Swipeable>
  );
}