react-native - StyleSheet.create 的意义是什么

Question

我正在阅读 React Native docs / tutorial ，我想知道 StyleSheet.create 函数的意义是什么。

例如，教程中有以下代码:

const styles = StyleSheet.create({
  bigblue: {
    color: 'blue',
    fontWeight: 'bold',
    fontSize: 30,
  },
  red: {
    color: 'red',
  },
});

但我不明白它和:

const styles = {
  bigblue: {
    color: 'blue',
    fontWeight: 'bold',
    fontSize: 30,
  },
  red: {
    color: 'red',
  },
};

Answer 1

TL;DR 尽可能使用 StyleSheet.create()。

answer by Nico是正确的，但还有更多内容。

总结一下:

1. 它验证 Nico 提到的样式
2. 如 documentation 中所述:

Making a stylesheet from a style object makes it possible to refer to it by ID instead of creating a new style object every time.

documentation 中也提到了:

It also allows to send the style only once through the bridge. All subsequent uses are going to refer an id (not implemented yet).

您可能知道，通过网桥发送数据是一项成本非常高的操作，会对应用程序的性能产生重大影响。因此，使用 StyleSheet.create() 可以减少桥上的压力。