Question

在React Native中，我试图输出一个小的Blur，通常占用2-3行文本。在本文中，我希望某些部分以粗体显示且可以按下，因此我想出了以下方法来分隔普通文本和特殊文本：

<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属性传递给父级或仅将所有子级传递都无效。有解决这个问题的适当方法吗？还是应该对文本内容采取完全不同的方法？

为了使想要的内容更加清晰：文本blurb应该全部在一起，例如：

“在JoyYee餐厅以$ 10.25的价格品尝牛肉和虾炒面，距离您15分钟的步行路程”

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

Answer 1

经过多次试验：错误在于lineHeight不是prop，而是Text组件的样式。因此，正确的方法是编写：

<Text style = {{lineHeight: 30}}>Hello etc. etc.</Text>

希望这也可以帮助其他人避免此问题！

嵌套文本组件道具

1 个答案: