我们如何实现我们在运球到ios应用程序时看到的精彩动画？

Posted 2021-04-04

我是一个品牌标识和ui / ux设计师，我一直想知道如何实现这些动画，我们在运球上看到原生的ios / android和hybrids。我在后效和figma上做交互动画。

任何反应原生和本机ios / android的库？

答案

大多数是用GSAP完成的，这是用于网络动画的最好的js库之一，我建议你阅读这篇文章;）https://medium.com/notonlycss/starting-with-gsap-1148ffd7e20b

另一答案

我花了很多时间将Dribble交互转换为真实世界的应用程序。 React Js和React Native。

有两种方法。

您可以为lottie动画开发它们。在效果之后使用adobe。但动画不会有这种控制。

第二，你可以使用react-spring作为ReactJs，它基于react-motion。

它有一个非常强大的插值，支持很多输入。它还支持React-Native（部分）。

在React-Native上你可以使用动画api和Pan Responder。在开始时有点难以接受，但是当你这样做时。你可以实施很多。您可以使用Animated Api组合，滚动事件。等等。作为参考，我会给你一些链接。

https://www.youtube.com/user/wcandill/videos

https://www.react-spring.io/