Question

我正在制作一个像火种卡一样的系统，您可以左右滑动，但是现在我想添加一种单击它的方法。当我添加一个touchableOpacity时，我再也无法移动它了，因为当我将手指放在它上面时，它会改变视图的不透明度及其被遮挡的状态。

基本上我尝试使用touchableHighlight，但没有任何变化

我有：

<Animated.View>
  <TouchableOpacity>
    //Stuff here
  </TouchableOpacity>
</Animated.View>

我希望该卡仍然能够移动，并且仅在我确实要点击时才触发点击

Answer 1

现有一个组件“ react-native-swipe-gestures”，用于处理上下左右方向的滑动手势，请参见https://github.com/glepur/react-native-swipe-gestures

所以直接不要，但是您可以使用以下代码作为参考：

 <GestureRecognizer
        onSwipe={(direction, state) => this.onSwipe(direction, state)}
        onSwipeUp={(state) => this.onSwipeUp(state)}
        onSwipeDown={(state) => this.onSwipeDown(state)}
        onSwipeLeft={(state) => this.onSwipeLeft(state)}
        onSwipeRight={(state) => this.onSwipeRight(state)}
        config={config}
        style={{
          flex: 1,
          backgroundColor: this.state.backgroundColor
        }}
        >
         // enter code here
      </GestureRecognizer>

React-Native如何在点击释放时仅触发对TouchableOpacity的点击

1 个答案: