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

Question

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

我正在使用react-router-native导航，这在功能方面非常有用。但说到动画部分，它并没有提供最好的用户体验。官方文档似乎没有提供任何动画信息。

即使在 google 中，我也发现了一些文章（深入了解 React Router v4 Animated Transitions，使用 React Router 制作 Route Transitions 动画）描述了导航动画，但仅适用于react.

因此，有人可以让我知道有什么方法可以应用动画react-router-native吗？

Answer 1

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

yarn add react-router-native-animate-stack

默认情况下，这是可滑动的，您可以在移动到下一页时自定义转换。

截屏

这是在世博小吃上运行的包示例

例子

Answer 2

你可能想试试这个 react-router-native 动画库： react-router-native-stack

Answer 3

标准的起点是探索基本的动画。也就是说 - 看看其中一个更发达的过渡库，例如react-native-transition。

如果它专门用于路由，那么这里有一个很好的答案。