React Native中能否在单个Text标签内为部分文本设置不同样式？

如果是React Native这类框架里的<Text>组件，它支持嵌套子<Text>元素，刚好能满足你在同一父容器内给部分文本单独设置样式的需求。举个实际的代码例子：

<Text>
  <Text style={{ fontWeight: 'bold' }}>User ID</Text>: 12345
</Text>

这里外层的<Text>就是你要求的那个唯一包裹标签，内部嵌套的<Text>只负责渲染需要加粗的"User ID"部分，剩下的文本保持默认样式，完美达成你的需求。

要是你用的是SVG环境里的<text>标签，也可以通过<tspan>元素来实现局部样式调整：

<text>
  <tspan font-weight="bold">User ID</tspan>: 12345
</text>

核心逻辑就是利用标签的嵌套能力，在主包裹标签内部嵌入带单独样式的子元素，既保证整体被一个主<Text>（或<text>）包裹，又能实现局部文本的样式差异。

内容的提问来源于stack exchange，提问作者Ngo Kim Huynh