在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 styles = StyleSheet.create({ text: { fontSize: 22 } });

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

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

   4. 并使用它例如：

   文本<\文本>

就这样。