reactjs - 在 React Native 中传递样式的最佳方式是什么？

Question

我想知道传递样式的最佳方式是什么。据我所知，当使用 StyleSheet.create 时，它​​会创建一次样式，以便始终可以通过数字引用它。有问题的组件如下所示:

<Text
  ellipsizeMode={ ellipsizeMode }
  numberOfLines={ numberOfLines }
  style={ [stylesheet.defaultText, styles, fontTypes[type], { color }] }
>
 { children }
</Text>

当我使用检查器时，我看到有 4 个样式通过桥传递，其中两个来自 stylesheet.create，另外两个是对象文字。

是否建议通过删除空对象文字或将它们组合来清理样式数组？我不确定这有多重要。有谁深入了解样式如何从 JS 层传递到原生层的本质，以及解决这个问题的最佳方法是什么？

Answer 1

最佳方式是:

1. 为您创建组件(如果您不只创建样式文件，您将重复使用此组件)

2. 通过以下方式创建样式文件:

   const 样式 = StyleSheet.create({ 文本: { 字体大小:22 } });

3. 在组件中导入样式或在何处使用它

从'./styles'导入{styles}；

并使用它例如:

文字<\Text>

仅此而已。