react-native:多色文本视图

Question

我想渲染一行文本,其中一些单词以不同的颜色突出显示.

理想情况下,我会使用带有反应的span标签.

想知道我如何使用react-native做同样的事情？

Answer 1

您可以使用嵌套的Text组件来实现此目的

<Text style={{color: 'blue'}}>
    I am blue
    <Text style={{color: 'red'}}>
        i am red
    </Text>
    and i am blue again
</Text>

这是一个文档的链接,可以更好地解释它