Animated.Component / createAnimatedComponent(Component)与Component有何不同?

时间:2017-01-23 14:42:32

标签: javascript reactjs react-native styled-components

我们正试图从样式组件项目中找出以下问题的原因:https://github.com/styled-components/styled-components/issues/389

对refs + setNativeProps进行了一些更改,这些更改在一个地方打破了动画,假设是因为某些动画相关信息没有正确传递下来。

因此,要了解createAnimatedComponent如何改变初始组件的问题,是什么?如果没有正确传递,会导致动画破坏的原因是什么?

如果您知道可能导致此问题的原因,请提供想法/详细解答。

更新 与问题相关的重大更改发生在this file内,以便innerRef向下传递refisTag函数检查它是否为本机组件。

1 个答案:

答案 0 :(得分:2)

  

动画组件可以设置动画。已经提供了视图,文本和图像,您可以使用createAnimatedComponent创建自定义的视图。这些特殊组件可以将动画值绑定到属性,并进行有针对性的本机更新,以避免每帧反应渲染和协调过程的成本。他们还会在卸载时处理清理工作,因此默认情况下它们是安全的。

https://facebook.github.io/react-native/docs/animated.html