是否可以为react-router-native应用动画？

Question

我知道这个问题听起来像是在寻求不应该在这里的建议，但我在搜索了很多我的要求后发帖。

我正在使用react-router-native进行导航，这非常明智。但是到了动画部分，它并没有给出最好的用户体验。 Official Documentation似乎不提供任何动画信息。

即使在Google中，我发现了一些文章（A shallow dive into React Router v4 Animated Transitions，Animating Route Transitions with React Router），这些文章描述了导航动画，但仅针对react。

因此，有人可以告诉我有什么方法可以为react-router-native应用动画吗？

Answer 1

您可能想尝试此动画库以实现react-router-native： react-router-native-stack

Answer 2

我认为您需要react-router-native-animate-stack react-router-native-animate-stack

yarn add react-router-native-animate-stack

默认情况下，这是可滑动的，您可以自定义过渡到下一页时的过渡。

Screencast

这是在博览会小吃上运行的包装示例

example

Answer 3

标准起点是探索基本Animations。那就是说 - 看看那里比较发达的转型库之一，例如react-native-transition

如果它只是专门用于路由，则会有一个很好的答案Here。