Я использую эту демо-версию родного тинтера -{amp}gt; https://github.com/brentvatne/react-native-animated-demo-tinder

Можно ли сделать карточки «кликабельными», чтобы при щелчке они переходили в другое представление? Я попытался обернуть компоненты «Touchable» вокруг анимированного представления, но при этом отключил анимацию.

Любые идеи будут высоко оценены, спасибо!

Я думаю, вы можете использовать TouchableX внутри Animated.View

{amp}lt;Animated.View{amp}gt; {amp}lt;TouchableOpacity{amp}gt; {amp}lt;View{amp}gt; stuff {amp}lt;View{amp}gt; {amp}lt;/TouchableOpacity{amp}gt; {amp}lt;/Animated.View{amp}gt;` 

Другой метод (который работал лучше для меня) — создать компонент AnimatedTouchable, используя метод Animated createAnimatedComponent:

 const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity); {amp}lt;AnimatedTouchable onPress={this.onPress}{amp}gt; stuff here {amp}lt;/AnimatedTouchable{amp}gt; 

Что работает для меня, когда я пытался создать закрываемый лист, нажимая на фон

было это:

 const renderBackdrop = () ={amp}gt; { const animatedBackdropOpacity = Animated.interpolate(fall, { inputRange: [0, 1], outputRange: [0.5, 0], }); return ( {amp}lt;Animated.View pointerEvents={pointerEvents} accessibilityViewIsModal accessibilityLiveRegion="polite" style={StyleSheet.absoluteFill}{amp}gt; {amp}lt;TouchableWithoutFeedback onPress={_closeBs}{amp}gt; {amp}lt;Animated.View style={[ styles.backdropContainer, { opacity: animatedBackdropOpacity, }, ]} /{amp}gt; {amp}lt;/TouchableWithoutFeedback{amp}gt; {amp}lt;/Animated.View{amp}gt; ); 

};

Кредит поступает на модальный компонент React Native Paper https://github.com/callstack/react-native-paper/blob/master/src/components/Modal.tsx#L184

вам нужно написать метод для анимации внутри.

 renderButton: function() { return ( {amp}lt;TouchableOpacity onPress={this._onPressButton}{amp}gt; {amp}lt;Image style={styles.button} source={require('./myButton.png')} /{amp}gt; {amp}lt;/TouchableOpacity{amp}gt; ); }, 

в верхней части рендера () вы должны написать анимированный стиль с помощью этого метода

 _onPressButton(){ ........ ........ }