如何在React Native中从左到右打开布局或视图（从左到右滑动打开）？

Question

如何从左向右移动视图（最初应隐藏该视图，并在第一个按钮上单击，该视图应从左到右带有动画）（部分为30％），然后在第二次单击时，应打开complete。如何做到这一点在本地反应？

Answer 1

不确定我是否完全理解您的要求，但是听起来好像可以通过库 react-navigation 进行自定义导航。这是一篇详细的博客文章，显示了可能的自定义：https://medium.com/async-la/custom-transitions-in-react-navigation-2f759408a053

Answer 2

解决方案在于您的方法。将屏幕宽度加倍的“视图”，渲染您的两个React组件，然后看一下如何对隐藏的屏幕进行动画处理。 TranslateX可以解决问题。

Answer 3

如果您学习动画，这对您会更好。但是，如果您有最后期限，则react-navigation具有抽屉式导航。或者，如果您不需要导航，则有一个名为react-native-gesture-handler的库为您创建了Drawer。