HarmonyOS RN端Text 设置lineHeight之后,如何lineHeight比fontSize大,文本内容不居中

HarmonyOS  RN端Text 设置lineHeight之后,如何lineHeight比fontSize大,文本内容不居中

HarmonyOS
2024-08-23 10:18:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

Text组件的height和lineHeight设置的是Text本身的属性,若是设置文本相对于文本框的位置可以使用lineHeight配合padding实现垂直居中。

若是设置文本框相对于父组件的垂直居中,可以通过.justifyContent(FlexAlign.Center)设置父组件中子元素主轴上居中,通过.alignItems(HorizontalAlign.Center)/.alignItems(VerticalAlign.Center)设置纵向/横向布局父组件中子元素在交叉轴上居中。

或者在module.json5的module中添加:

"metadata": [{ 
  "name": "half_leading", 
  "value": "true" 
}],

值得注意的是,该方法谨慎使用,因为是对当前hap整体生效的,可能会影响其他的已经开发好的Text显示。例如如果其他Text使用lineHeight和padding已经调整了居中,但是又设置了这个属性,会导致原来已经居中的不再居中。

分享
微博
QQ
微信
回复
2024-08-23 15:59:39
相关问题
HarmonyOS Text设置align居中
365浏览 • 1回复 待解决
HarmonyOS Text多行文本不能居中对齐
311浏览 • 1回复 待解决
使用lineHeight行间距展示不正确
100浏览 • 1回复 待解决
Text文本不垂直居中,该怎么处理呢?
2347浏览 • 1回复 待解决
HarmonyOS如何RN发送事件通知
228浏览 • 1回复 待解决
Text如何实现文本段落的两对齐?
291浏览 • 1回复 待解决
Text怎么设置文本渐变?
142浏览 • 0回复 待解决
HarmonyOS Badge文本颜色设置生效
113浏览 • 1回复 待解决
Input组件是否支持设置文本居中对齐
1828浏览 • 1回复 待解决
HarmonyOS Text对齐未实现
168浏览 • 1回复 待解决