在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（{   文字：{            fontSize：22            }  }）;

   1. 导入组件中的样式或使用它的位置

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

   1. 并使用它，例如：

   文字＆lt; \文本和GT;

   就是这样。