在 <Text /> 元素中设置单个单词的样式答案

【问题标题】：Styling a single word inside a <Text /> element react-native在 <Text /> 元素中设置单个单词的样式
【发布时间】：2016-12-17 18:37:54
【问题描述】：

我正在寻找一种方法来设置 <Text> 内的单个单词（或多个单词）与其他单词的样式。

在<Text> 内的句子中说一个单词的样式。

类似的东西。

“我放入一个句子中的词”（即斜体字）

我目前正在做类似的事情

<Text>The words i </Text> <Text style={...}> style inside </Text> <Text> a sentence </Text>

但不幸的是，我添加的每个 <Text /> 元素都会产生换行效果，因此它会以多行结束。

我怎样才能做到这一点？谢谢。

【问题讨论】：

【解决方案1】：

您可以使用 Text 作为容器，如下例所示

<Text>
  <Text>The words i </Text>
  <Text style={...}> style inside </Text>
  <Text> a sentence </Text>
</Text>

【讨论】：