如何在React Native中更改语句中的单词样式?

时间:2018-07-25 20:30:07

标签: react-native

如何在React Native中更改语句中单词的颜色和fontSize?

例如“ hello world测试” 你好,测试是红色的,但是世界是蓝色的

2 个答案:

答案 0 :(得分:1)

<Text style={{color: 'red'}}>
hello
<Text style={{color: 'blue'}}>
    word
</Text>
test
</Text>

答案 1 :(得分:1)

您可以在另一个<Text>组件中为不同的<Text>设置许多样式,例如:

<Text style={styles.blueText}>
  <Text style={styles.redText}>hello</Text>
  world
  <Text style={styles.redText}>test</Text>
</Text>