菜鸟教程小白 发表于 2022-12-13 04:18:58

android - 在 React Native 上实现 Swipe 交互


                                            <p><p>我的目标是建立一种互动,就像 Harvest 应用在移动设备上一样。它基本上有 7 个固定选项卡,并使用滑动在选项卡之间导航。在选项卡之间导航时,我可以看到下一个选项卡的内容,而不是完全导航到那里。当到达选项卡的边缘并尝试保持相同方向滑动时,它会在动画后循环。</p>

<p>例如:如果它从 <code>index: 5</code> 开始并且它得到一个向左滑动的交互,它会转到 <code>index: 6</code>;再次尝试时,它会动画、循环并返回到 <code>index: 0</code>.</p>

<p>我尝试使用 2 个不同的库:<a href="https://github.com/leecade/react-native-swiper" rel="noreferrer noopener nofollow"><code>react-native-swiper</code></a>和 <a href="https://github.com/glepur/react-native-swipe-gestures" rel="noreferrer noopener nofollow"><code>react-native-swipe-gestures</code></a> ,但它们不符合我的需要。虽然 <code>react-native-swiper</code> 为我提供了动画,但在 <code>index: 0</code> 上时无法获得向右滑动的手势。 <code>react-native-swipe-gesture</code>,否则,让我可以控制手势,但根本没有动画。</p>

<p>我尝试使用 <code>react-native-gesture-handler</code> 作为 Expo 的一部分,但未能获得预期的结果。考虑到这一点,我的猜测是对 <code>react-native-swipe-gesture</code> 进行动画处理更容易,但我找不到任何相关信息。我怎样才能完成它?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>使用了 <code>react-native-swipe-gestures</code> 的这个分支:<a href="https://github.com/thegamenicorus/react-native-swipe-gestures" rel="noreferrer noopener nofollow">https://github.com/thegamenicorus/react-native-swipe-gestures</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于android - 在 React Native 上实现 Swipe 交互,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/50685598/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/50685598/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: android - 在 React Native 上实现 Swipe 交互