样式

使用 React Native，您可以使用 JavaScript 为应用程序设置样式。所有核心组件都接受名为 style 的 prop。样式名称和 值 通常与 Web 上 CSS 的工作方式一致，只是名称使用驼峰命名法编写，例如 backgroundColor 而不是 background-color。

style prop 可以是一个普通的 JavaScript 对象。这是我们通常用于示例代码的方式。您还可以传递一个样式数组 - 数组中的最后一个样式优先，因此您可以使用它来继承样式。

随着组件复杂度的增加，使用 StyleSheet.create 在一个地方定义多个样式通常更简洁。以下是一个示例

一种常见的模式是让您的组件接受一个 style prop，该 prop 又用于为子组件设置样式。您可以使用此方法使样式像在 CSS 中一样“级联”。

还有很多其他方法可以自定义文本样式。查看 文本组件参考 以获取完整列表。

现在您可以使您的文本变得美观。成为样式专家的下一步是 学习如何控制组件大小。

已知问题

• react-native#29308：在某些情况下，React Native 与 Web 上 CSS 的工作方式不匹配，例如触摸区域永远不会超出父视图边界，并且在 Android 上不支持负边距。