如何讓長按事件在 React Native 中冒泡？

Question

如何使長按事件冒泡以便同時打印觸發 1 和觸發 2？

  <Pressable style={styles.press2} onLongPress={() => { console.log('triggered 2') }}>
    <Text>Look Down</Text>
    <ScrollView>
      <Pressable style={{styles.press1}} onLongPress={() => { console.log('triggered 1') }}>
        <Text>click me</Text>
      </Pressable>
    </ScrollView>
  </Pressable>

我讀了這個答案，但我真的不明白

編輯：有沒有辦法在不導入另一個 package 的情況下解決這個問題？

Answer 1

如果沒有“hacky”啟用技巧，我認為這不容易實現。 我個人會使用來自react-native-gesture-handler的LongPressGestureHandler 。

他們有一個simultaneousHandlers道具，可以讓多個處理程序同時工作，所以你可以這樣做：

const childHandlerRef = useRef(null);

<LongPressGestureHandler simultaneousHandlers={childHandlerRef}>
  <View>
    <LongPressGestureHandler ref={childHandlerRef}>
      // other components
    </LongPressGestureHandler>
  </View>
</LongPressGestureHandler>

您可以在此處閱讀更多相關信息。