react-native - 为什么要使用 React 原生样式表？

Question

我为什么要使用这个:

const styles = StyleSheet.create({
    ...
});

而不是这个:

const styles = {
    ...
};

StyleSheet 提供的属性对我来说似乎不是很有必要。

Answer 1

渲染性能、更好的无效 Prop 值检测和更好的代码质量。

将常规样式对象传递到 StyleSheet.create() 时，模块将卡住对象并为每个对象分配一个 ID。

IDs enable optimizations through the bridge and memory in general

样式表对象的某些类型或属性值有效性检查可能会比使用普通对象方法更好地警告您或帮助您修复一些无效样式问题。

By moving styles away from the render function, you're making the codeeasier to understand. Naming the styles is a good way to add meaningto the low level components in the render function.

从我所见，即使在传递对象数组时，两者都可以在设置组件样式时工作(普通对象、StyleSheet 对象)。
缺点使用 StyleSheet 时目的:
1) 你不能做这样的比较 styles.myNiceComponent.backgroundColor === 'blue'关于这个缺点的更多细节在这里:
Why can't we check a style attribute of a react-native app?
2) 根据某些标准(如屏幕旋转)重新计算样式需要一些额外的基础架构代码来确定要使用的样式。如果您使用简单的对象，它们每次都可以在运行中重新计算。
来源: https://reactnative.dev/docs/stylesheet