React Native - Animated.View与常规View组件之间的性能差异

时间:2018-02-19 04:43:13

标签: javascript performance reactjs react-native

使用动画组件时是否有任何性能影响,即Animated.View与使用常规组件,例如,如果涉及0动画,则在本机中查看?

代码示例:

<View>
    <Text>asd</Text>
</View>

Vs的

<Animated.View>
    <Text>asd</Text>
</Animated.View>

我从未见过人们在使用动画组件时会提到任何性能影响,但如果没有,则为什么没有,为什么没有React开发人员默认设置所有组件动画。

1 个答案:

答案 0 :(得分:0)

Animated是一个包装器,具有动画效果。正在将动画值出价给道具,以便它们可以进行有针对性的本机更新,而不是对渲染进行反应,以避免每帧成本。 因此,最好将其设置为动画形式。如果要在任何地方调用一次,可以使用if else策略作为新组件。