一个动画值与许多动画值来控制转换

问题描述

在实现影响许多不同元素或同一组件的许多实例的过渡动画时,是否存在关于在哪里控制动画的最佳实践?我玩弄了两种不同的方法,但不确定哪种更好。

一个选项是为树中最高的Component创建一个Animated.Value,用作从0到1的计时器。它将此计时器作为道具传递给后代,后代使用Value.interpolate去做他们需要做的事。这符合React向上移动状态的设计原则,但是将Animated.Value作为道具传递时感觉很奇怪(尽管效果很好),并且始终需要对值进行插值才能有用。

一个选择是传递一个布尔属性,例如“ isTransitioning”。每个子代都拥有自己的Animated.Value并具有useEffect挂钩,当isTransitioning切换为true时,该挂钩将启动动画。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)