首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >嵌套的文本组件道具

嵌套的文本组件道具
EN

Stack Overflow用户
提问于 2018-08-13 16:20:51
回答 1查看 309关注 0票数 0

在React Native中,我正在尝试输出一个小的格式回复信息,它通常需要2-3行文本。在本文中,我希望某些部分是粗体和可打印的,因此我提出了以下方法来分离普通文本和特殊文本:

代码语言:javascript
复制
<Text>
  <Text style = {{fontSize:12}}>
    {"Tried "}
  </Text>
  <Text style = {{fontSize:12}}>Beef and Shrimp Fried Noodle </Text>
  <Text style = {{fontSize:12}}>{"for $10.25 at "}</Text>
  <Text style = {{fontSize:12}}>JoyYee Restaurant</Text>
  <Text style = {{fontSize:12}}>{" which is a 15 min walk from you"}</Text>
</Text>

我试图改变2-3行文本的行高,但是将lineHeight属性传递给父对象,或者只是简单地传递给所有的子对象,没有任何效果。有没有合适的方法来解决这个问题?或者我应该采用一种完全不同的方法来处理我的文本格式回复?

为了让想要的结果更清晰:文本格式回复都应该放在一起,就像这样:

“在JoyYee餐厅,花10.25美元就可以吃到牛肉和虾炒面,步行15分钟就到了”

为了保持多个文本组件在一行中,我必须将所有内容都包装在父文本中;但现在我无法控制这个小段落的行高。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-14 06:30:35

经过多次尝试后:错误在于lineHeight不是一个道具,而是文本组件的一种样式。因此,正确的方法是这样写:

代码语言:javascript
复制
<Text style = {{lineHeight: 30}}>Hello etc. etc.</Text> 

希望这也能帮助其他人避免这个问题!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51818022

复制
相关文章

相似问题

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