我有一个包含变量的文本块。我需要改变文本变量的颜色,以将其与文本的其他部分区分开来,如何实现这一点? <Text style={styles.text}>We'll get {recipient} to list anything you should know about the {item}</Text>
<Text style={styles.text}>
`We'll get `
<Text style={{
color: 'aqua',
// other styles that you want applied to the text
}}>{recipient}</Text>
`to list anything you should know about the ${item}`
</Text>
<Text style={styles.text}>
`We'll get`
<Text style={styles.variable}>{recipient}</Text>
`to list anything you should know about the`
<Text style={styles.variable}>{item}</Text>
</Text>
2条答案
按热度按时间bis0qfac1#
为了改变文本组件中文本的颜色,需要在另一个文本组件中用不同的颜色 Package 字符串。
代码如下:
8dtrkrch2#
你可以像这样在styles对象中定义变量style: