使用 React Native + Animated.timing 和 setState 渲染动画

Question

动画库运行良好，但是当我在使用 Animated.timing 时执行 this.setState 时出现问题，因为它会重新渲染我的屏幕并且我的动画会重新启动。

例如，当我尝试使用 Animation.timer 运行动画时，同时我设置了一个间隔，每 1000 毫秒生成一个 setState，这会使我的视图重新渲染并丢失所有动画。

你能帮帮我吗？

非常感谢！

Answer 1

对于这个问题，您可以使用shouldComponentUpdate 方法。 如果您不想重新渲染，只需返回 false。这是 React 的文档，但它在 React-Native 上的工作方式相同：https://facebook.github.io/react/docs/react-component.html#shouldcomponentupdate