React-Native Как вызвать клик на TouchableOpacity только при отпускании крана - PullRequest
Новая
       38

React-Native Как вызвать клик на TouchableOpacity только при отпускании крана

0 голосов
/ 19 мая 2019

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

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

Итак, у меня есть: 

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

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

1 Ответ

0 голосов
/ 19 мая 2019

Существует существующий компонент реакции-нативные жесты для обработки жестов смахивания вверх, вниз, влево и вправо, см. 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>
...