首页 > 解决方案 > 让 TapGestureHandler 在 React Native 中表现得像 TouchableOpacity?

问题描述

你知道什么时候TouchableOpacity被触摸它会产生动画。哪里TapGestureHandler没有。

在我的实现中,我试图在单按打开详细信息页面时制作一张卡片,并在双击它时像帖子(如 insta)一样。

但是在我实现这个之前,我是在使用TouchableOpacity卡片对触摸做出很好的反应的地方。那我该怎么办?这是我的实现:

<TapGestureHandler
  style={{
    justifyContent: 'center',
    alignItems: 'center',
  }}
  waitFor={doubleTapRef}
  onActivated={() => {
    console.log('Single Tap');
    navigation.push('DetailedRecipe', {
      recipeId: _id,
    });
    addView(token, _id).then((res) => {});
  }}
>
    <TapGestureHandler
       maxDelayMs={200}
       ref={doubleTapRef}
       numberOfTaps={2}
       onActivated={() =>
         handleLike()
       }
    >
    // Code here

标签: react-nativetouchgesturereact-native-gesture-handler

解决方案


推荐阅读