一个 Animated.Value 与许多用于控制转换
One Animated.Value vs. Many for Controlling Transitions
在实现影响许多不同元素或同一组件的许多实例的过渡动画时，是否有关于在哪里控制动画的最佳实践？我尝试过两种不同的方法，但我不确定哪种方法更好。
一个选项是让树中最高层的组件创建一个Animated.Value作为从0到1的计时器。它将这个计时器作为道具传递给后代，后代使用 Value.interpolate 来做他们需要做的事情。这符合向上移动状态的 React 设计原则，但是将 Animated.Value 作为 prop 传递感觉很奇怪（尽管它工作正常）并且值总是需要插值才能有用。
另一种选择是传递一个布尔值属性，例如“isTransitioning”。每个后代都有自己的 Animated.Value 并且有一个 useEffect 钩子，当 isTransitioning 切换到 true 时它会启动动画。
在我看来，我们应该在这里参考 SRP（单一职责原则 - 模块应该有一个且只有一个改变的理由）和 DRY（不要重复自己）。
如果在您的特定情况下，后代是可以在其他地方重用的独立组件 - 这可能是将此功能放入其中的一个很好的理由。但如果这是一个不可分割的组件 - 最好只保留一个 Animated.Value 并将其应用于所有子组件。
优化，顺便说一句，如果没有明显的问题的话，这是我们最后应该关心的。可维护性是重中之重。
在实现影响许多不同元素或同一组件的许多实例的过渡动画时，是否有关于在哪里控制动画的最佳实践？我尝试过两种不同的方法，但我不确定哪种方法更好。
一个选项是让树中最高层的组件创建一个Animated.Value作为从0到1的计时器。它将这个计时器作为道具传递给后代，后代使用 Value.interpolate 来做他们需要做的事情。这符合向上移动状态的 React 设计原则，但是将 Animated.Value 作为 prop 传递感觉很奇怪（尽管它工作正常）并且值总是需要插值才能有用。
另一种选择是传递一个布尔值属性，例如“isTransitioning”。每个后代都有自己的 Animated.Value 并且有一个 useEffect 钩子，当 isTransitioning 切换到 true 时它会启动动画。
在我看来，我们应该在这里参考 SRP（单一职责原则 - 模块应该有一个且只有一个改变的理由）和 DRY（不要重复自己）。
如果在您的特定情况下，后代是可以在其他地方重用的独立组件 - 这可能是将此功能放入其中的一个很好的理由。但如果这是一个不可分割的组件 - 最好只保留一个 Animated.Value 并将其应用于所有子组件。
优化，顺便说一句，如果没有明显的问题的话，这是我们最后应该关心的。可维护性是重中之重。