【问题标题】:Is it possible to apply animation for react-router-native?是否可以为 react-router-native 应用动画?
【发布时间】:2018-07-26 03:42:18
【问题描述】:

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

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

即使在谷歌中,我也发现了一些关于导航动画的文章(A shallow dive into React Router v4 Animated TransitionsAnimating Route Transitions with React Router),但仅限于react

因此,谁能告诉我有没有办法为react-router-native 应用动画?

【问题讨论】:

    标签: animation react-native react-router-native


    【解决方案1】:

    标准的起点是探索基本的Animations。也就是说 - 看看那里更发达的过渡库之一,例如react-native-transition.

    如果它专门用于路由,那么有一个很好的答案Here

    【讨论】:

    • 你能推荐其他库吗,比如react-native-transition
    • 是的,除非您需要比它提供的更多的选项和控制 - 它很棒。使用方便,实施门槛低。
    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

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

      yarn add react-router-native-animate-stack
      

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

      Screencast

      这是在 Exponack 上运行的包示例

      example

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-07-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2022-06-20
        • 2020-10-17
        • 1970-01-01
        相关资源
        最近更新 更多