在<text>元素内设置单个单词的样式是本地的

时间:2016-12-17 18:37:54

标签: reactjs react-native

我正在寻找一种方法来设置一个单词(或多个单词)的样式,这个单词在<Text>内用其他词组成。

假设在<Text>内的句子中设置单词样式。

像这样。

&#34;我的内容句子&#34; (斜体)

我目前正在做类似

的事情

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

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

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

1 个答案:

答案 0 :(得分:7)

您可以使用Text作为容器来执行此操作,如下例

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