HarmonyOS Text()组件纵向排列字体放大导致文本部分丢失问题

初始文本设置(正常显示)

Text(this.item.stationName) 
  .fontSize(13) 
  .fontColor(Color.White) 
  .fontWeight(FontWeight.Regular) 
  .textAlign(TextAlign.Center) 
  .width(13) 
  .margin({top:5}) 
  .backgroundColor(Color.Red)

加大字体文本设置(异常显示)

Text(this.item.stationName) 
  .fontSize(14) 
  .fontColor(Color.White) 
  .fontWeight(FontWeight.Regular) 
  .textAlign(TextAlign.Center) 
  .width(14) 
  .margin({top:5}) 
  .backgroundColor(Color.Red)

仅字体大小和宽度发生变化,文本显示发生异常丢失

父控件为:ListItem()

正常文本:市政府︵东︶,异常文本:市政府︵︶

正常文本:xx路︵xx站︶,异常文本:xx路︵xx站

HarmonyOS
2024-08-03 14:08:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
sunshine_2000

这边发现在模拟器上是正常显示的,在preview上是会发生文本丢失的情况,

原因是那个倒括号站位不多,后面跟着的一个字会在倒括号后面显示,所以不会换行,导致文本丢失。

有两种解决方案:

第一种:设置width比fontsize小就能正常显示

第二种:设置文本如下 市政府︵ 东 ︶ xx路︵ xx站 ︶ 用空格在文字和倒括号之间站位

分享
微博
QQ
微信
回复
2024-08-04 14:03:34
相关问题
HarmonyOS Text组件文本解析问题
195浏览 • 1回复 待解决
HarmonyOS text组件如何实现部分圆角
301浏览 • 1回复 待解决
HarmonyOS Webview写cookie部分字段丢失
300浏览 • 1回复 待解决
text组件字体如何加粗?
576浏览 • 1回复 待解决
适老化模式字体放大咨询
723浏览 • 1回复 待解决
JSON.parse数据处理导致精度丢失问题
793浏览 • 1回复 待解决
HarmonyOS Text组件中,文本怎么换行
300浏览 • 1回复 待解决
获取文本Text组件的宽度
770浏览 • 1回复 待解决
如何实现文本竖向排列
2671浏览 • 1回复 待解决
HarmonyOS Text组件如何计算文本行数
257浏览 • 1回复 待解决
哪个属性可以改变Text组件字体的粗细
2031浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
2405浏览 • 1回复 待解决
HarmonyOS emitterdata丢失问题
193浏览 • 1回复 待解决
HarmonyOS 精度丢失问题
320浏览 • 2回复 待解决
HarmonyOS Text部分文字高亮设置
299浏览 • 1回复 待解决
HarmonyOS 图片+文字排列问题
322浏览 • 1回复 待解决