使用 React Native + Animated.timing 和 setState 进行动画渲染
Animation render with React Native + Animated.timing and setState
动画库工作正常,但我在使用 Animated.timing 时执行 this.setState 时遇到问题,因为它会重新渲染我的屏幕并且我的动画会重新启动。
例如,当我尝试 运行 一个带有 Animation.timer 的动画,同时我设置了一个间隔,每 1000 毫秒生成一个 setState,它使我的视图重新渲染并丢失所有动画。
你能帮帮我吗?
非常感谢!
对于这个问题你可以使用shouldComponentUpdate
的方法。
如果你不想重新渲染你只是 return false。这是 React 的文档,但它以相同的方式在 React-Native 上工作:https://facebook.github.io/react/docs/react-component.html#shouldcomponentupdate
动画库工作正常,但我在使用 Animated.timing 时执行 this.setState 时遇到问题,因为它会重新渲染我的屏幕并且我的动画会重新启动。
例如,当我尝试 运行 一个带有 Animation.timer 的动画,同时我设置了一个间隔,每 1000 毫秒生成一个 setState,它使我的视图重新渲染并丢失所有动画。
你能帮帮我吗?
非常感谢!
对于这个问题你可以使用shouldComponentUpdate
的方法。
如果你不想重新渲染你只是 return false。这是 React 的文档,但它以相同的方式在 React-Native 上工作:https://facebook.github.io/react/docs/react-component.html#shouldcomponentupdate