React native React原生样式：如何设置“子元素”的样式？

在web css中，我们可以为子元素设置css。例如：

<div class="test">
<p>abc</p>
</div>

现在在React Native中，我有以下内容：

<View style={myStyle.test}>
<Text>abc</Text>
</View>

---

如何通过myStyle.test设置样式？

实际上，你不能像css子元素那样使用，你必须为你想要使用的每个元素设置一个自定义样式。

react native中的css只是web css的一个子集，它不允许你在WebSS中做什么。您所拥有的只是内联css。因此，您必须分别设置它们的样式。通过定义公共样式对象并传递该对象而不是重复，可以避免重复

您也可以查看此库：

根据文件

所有核心组件都接受名为style的道具。样式名称和值通常与CSS在web上的工作方式相匹配，但名称是使用驼色大小写的，例如背景色而不是背景色

现在react native中不支持级联，yo=u必须为每个元素提供一个样式道具，以便对其进行样式化

<View style={myStyle.test}>
<Text>abc</Text>
</View>