首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为State值赋予不同于React Native中其余文本的颜色?

如何为State值赋予不同于React Native中其余文本的颜色?
EN

Stack Overflow用户
提问于 2021-10-06 10:28:34
回答 3查看 30关注 0票数 0

我希望州值{ province }为style ={ styles.text }中设置的不同颜色。谁能给我一些关于如何做到这一点的想法?

代码语言:javascript
运行
复制
<Text style = {[ styles.text ]}>
    Province - { province } 
</Text>
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-10-06 10:47:17

React Native支持嵌套的Text组件。你可以这样做:

代码语言:javascript
运行
复制
<Text style = {[ styles.text ]}>
    Province - 
    <Text style={{color: /ANY COLOR/}} >
        { province } 
    </Text>
</Text>

希望这对你有用。

票数 0
EN

Stack Overflow用户

发布于 2021-10-06 10:45:47

要实现这一点,您必须将省份放在它自己的文本标记中。示例:

代码语言:javascript
运行
复制
<Text style = {[ styles.text ]}>
    Province - <Text style={styles.YourStyle}>{province}</Text> 
</Text>
票数 0
EN

Stack Overflow用户

发布于 2021-10-06 10:46:36

使用视图并将两个元素放入两个元素中,每个元素都有不同的样式类,而不是将所有文本包装在同一个元素中:

代码语言:javascript
运行
复制
<View style={{flexDirection:'row'}}>
  <Text style={styles.text}>Province - </Text>
  <Text style={styles.otherText}>{province}</Text>
</View>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69464010

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档