样式

在 React Native 中，你使用 JavaScript 来为应用设置样式。所有核心组件都接受一个名为 style 的 prop。样式名称和 值 通常与网页上的 CSS 工作方式相同，只是名称使用驼峰式写法，例如 backgroundColor 而不是 background-color。

style prop 可以是一个普通的 JavaScript 对象。这也是我们在示例代码中通常使用的方式。你也可以传入一个样式数组——数组中最后一个样式具有优先级，因此你可以用它来继承样式。

随着组件变得越来越复杂，通常使用 StyleSheet.create 在一个地方定义多个样式会更清晰。下面是一个示例：

一种常见模式是让组件接受一个 style prop，然后再用它来设置子组件的样式。你可以用这种方式让样式像 CSS 一样“级联”生效。

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

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

已知问题

• react-native#29308：在某些情况下，React Native 并不完全符合网页上 CSS 的工作方式，例如触控区域永远不会超出父视图边界，并且在 Android 上不支持负边距。