react-native - 嵌套的 TapGesture 处理程序 React Native

Question

我一直在尝试在我的 React Native 项目中使用 Tap Gesture Handler，但我在嵌套手势方面遇到了一些问题。我有一个父母 TapGestureHandler（我们称之为 A）和一个孩子 TapGestureHandler（我们称之为 B）。当我单击 B 时，A 也将被执行。请帮我解决这个问题。

这是我的 TapGestureHandler A 代码：

<TapGestureHandler
      ref={ref} 
      onHandlerStateChange={() => console.log("1")}>
      <Animated.View>
        <View style={styles.container}>
          <View style={styles.leftContainer}>
            <ProfilePic image={user.image} />
          </View>
          <View style={styles.rightContainer}>
            <PostCardHeader user={user} />
            <Discription discription={discription} />
            <View style={styles.gridContainer}>
              <ImageGrid waitFor={ref} images={attachedfiles} />
            </View>
            <Footer />
          </View>
        </View>
      </Animated.View>
    </TapGestureHandler>

这是我的 TapGestureHandler B 代码：

const ImageGrid = ({waitFor}) => {
  return (
    <TapGestureHandler 
          waitFor={waitFor || undefined}
          onHandlerStateChange={() => console.log("2")}>
          <Animated.View style={{ flex: 1 }}>
            <Image
              style={styles.image}
              source={images[0]} />
          </Animated.View>
        </TapGestureHandler>
   )
}