reactjs - 在 元素中设置单个单词的样式

Question

我正在寻找一种方法来设置 <Text> 中的单个单词(或多个单词)的样式。换句话说。

在 <Text> 内的句子中说样式.

类似的东西。

“我放入一个句子中的词”(即斜体)

我目前正在做类似的事情

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

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

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

Answer 1

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

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