【问题标题】:How to do elastic animation while swiping?滑动时如何做弹性动画?
【发布时间】:2019-05-03 17:54:34
【问题描述】:

我正在使用 react-native-swiper 设置一个包含 4 个屏幕的登机屏幕。滑动时,我需要弹性动画,但我无法做到。从过去三天开始,我也浏览了许多教程和 npm 包,但无法获得解决方案。

我需要像 this 这样的动画。

任何建议表示赞赏

【问题讨论】:

    标签: react-native animation react-native-swiper


    【解决方案1】:

    我认为这将非常困难。如果不是绝对必要,我会削减它。否则,我可以向您建议的方向是首先构建此动画,然后在顶部构建您自己的自定义滑动器。我能看到的唯一方法可能是 SVG 的动画。对于这些,我会推荐react-native-svgreact-native-reanimated

    另一个解决方案,如果您可以像在 iOS 上一样找到适用于 Android 的版本,您可以构建一个库来执行此操作。不管怎样,我不知道你在 React Native 方面的专业水平,但我强烈建议不要尝试解决这样的问题,除非你有信心这样做。

    如果您确实感到舒适,并且有任何问题,请随时给我发消息,祝您好运!

    【讨论】:

    • 我在 6 个月前开始 reactnative,在新的入职项目中我有这个。我无法理解如何做到这一点。
    • 您可以使用带有二次贝塞尔曲线的 SVG 来构建您想要的东西,其中控制点在在线和远离它之间进行动画处理。我无法向您展示整个过程,因为这可能需要几个小时的工作。如果您对此有任何具体问题,请随时给我留言。好的起点是我之前建议的库的文档,以及this book的二次贝塞尔部分
    • 感谢您抽出宝贵时间在此处发布一种可能的解决方案。我不会接受作为答案,因为我没有尝试过这个解决方案。我仍然会为您在提供解决方案方面所做的努力投票。谢谢!!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多