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
相关问题
如何实现文本竖向排列
2265浏览 • 1回复 待解决
text组件字体如何加粗?
129浏览 • 1回复 待解决
适老化模式字体放大咨询
154浏览 • 1回复 待解决
JSON.parse数据处理导致精度丢失问题
73浏览 • 1回复 待解决
获取文本Text组件的宽度
339浏览 • 1回复 待解决
哪个属性可以改变Text组件字体的粗细
1768浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
2034浏览 • 1回复 待解决
HarmonyOS文本组件问题
150浏览 • 1回复 待解决
动态设置文本导致致命错误
7116浏览 • 1回复 待解决
HarmonyOS number字段精度丢失问题
447浏览 • 1回复 待解决
Text怎么设置文本渐变?
142浏览 • 0回复 待解决
text怎么更改部分文字颜色
6955浏览 • 1回复 待解决