React-Native Как запускать щелчок по TouchableOpacity только при отпускании касания

Я делаю систему, подобную карточкам с трутом, вы можете проводить пальцем влево и вправо, но теперь я хочу добавить способ щелкнуть по ней. Когда я добавляю touchableOpacity, я больше не могу его двигать, потому что, когда я кладу на него палец, он меняет непрозрачность представления и его блокируют.

В основном я пытался использовать touchableHighlight, но ничего не изменилось

Так что я :

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

Я хочу, чтобы карта по-прежнему могла перемещать и запускать щелчок только тогда, когда я действительно хочу щелкнуть


react-native react-animations touchableopacity
person quentin mayer    schedule 19.05.2019    source источник
comment
у вас есть какое-нибудь решение для этого?   -  person Karthik Mandava    schedule 04.02.2020

Ответы (1)


arrow_upward
0
arrow_downward

Существует существующий компонент response-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>
person vishu2124    schedule 19.05.2019
comment
Это не то, о чем я просил, жесты работают на моей карте, проблема в том, что когда я добавляю TouchableOpacity, когда я кладу палец на карту, она нажимает на Touchable, поэтому я не могу ее переместить - person quentin mayer; 19.05.2019