React Native 内联样式和性能

问题描述

执行以下操作:

<Text style={{color: 'blue', fontSize: 30}} />

与以下内容相比有任何性能影响:

Have any performance implications compared to:

<Text style={styles.blueButton} />

...

const styles = StyleSheet.create({
  blueButton: {
    color: 'blue',
    fontSize: 30,
  }
});

推荐答案

来自 StyleSheet

性能:

• 从样式对象制作样式表可以通过 ID 引用它，而不是每次都创建一个新的样式对象.
• 它还允许仅通过桥发送一次样式.所有后续使用都将引用一个 id(尚未实现).

另一个好处是样式错误会在编译时而不是运行时产生.

Another benefit is that style errors will be generated at compile time as opposed to run time.

我个人仍然喜欢使用内联样式(并为共享样式创建新组件)，因为它使我的代码更具可读性，并且性能下降并不明显.

I personally still like using inline styles (and creating new components for shared styles) because it makes the code more readable for me and the performance hit has not been noticeable.

这篇关于React Native 内联样式和性能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！