在React Native上实现滑动交互

问题描述 投票:1回答:1

我的目标是像Harvest app在移动设备上一样建立互动。它基本上有7个固定的标签,并使用滑动在标签之间导航。在Tabs之间导航时,我可以看到下一个Tab的内容,而不是完全在那里导航。当到达Tabs的边缘并试图保持向同一方向滑动时,它会在动画后循环。

例如:如果它从index: 5开始并且它获得了向左滑动的交互,那么它将转到index: 6;再次尝试时,它会动画,循环并返回index: 0

我尝试使用2个不同的库:react-native-swiperreact-native-swipe-gestures,但它们与我需要的不匹配。虽然react-native-swiper给了我动画,但是在index: 0上没有办法获得滑动右手势。 react-native-swipe-gesture,否则,让我对手势有所控制权,但根本没有Animate。

我尝试使用react-native-gesture-handler作为世博会的一部分,但没有达到预期的结果。考虑到这一点,我的猜测是动画react-native-swipe-gesture更容易,但我找不到任何关于它的东西。我怎么能完成它?

android ios animation react-native gesture
1个回答
1
投票

使用react-native-swipe-gestures的这个分支:https://github.com/thegamenicorus/react-native-swipe-gestures

© www.soinside.com 2019 - 2024. All rights reserved.