react-native - 如何在 React Native Text 元素的文本中放置颜色？

Question

我想做类似的事情：

<Text>A SMS will be sent to to +447 . Use 9999 to simulate it continue</Text>

但是 +447 应该是不同的颜色。像这样的东西：

有什么建议么 ？

标签： react-native

Answer 1

您可以嵌套具有不同样式的文本元素：

<Text style={styles.pink}>
  A SMS will be sent to to <Text style={styles.black}>+447</Text> . Use 9999 to simulate it continue
</Text>