51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

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)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

加大字体文本设置（异常显示）

Text(this.item.stationName) 
  .fontSize(14) 
  .fontColor(Color.White) 
  .fontWeight(FontWeight.Regular) 
  .textAlign(TextAlign.Center) 
  .width(14) 
  .margin({top:5}) 
  .backgroundColor(Color.Red)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

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

父控件为：ListItem()

正常文本：市政府︵东︶，异常文本：市政府︵︶

正常文本：xx路︵xx站︶，异常文本：xx路︵xx站

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

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

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

有两种解决方案：

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

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

分享
微博
QQ
微信
回复
2024-08-04 14:03:34


如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 文本部分字体修改颜色大小，并添加点击事件实现
1090浏览 • 1回复 待解决
HarmonyOS Text组件富文本解析问题
831浏览 • 1回复 待解决
HarmonyOS text组件如何实现部分圆角
755浏览 • 1回复 待解决
text组件的字体如何加粗？
1042浏览 • 1回复 待解决
HarmonyOS Webview写cookie部分字段丢失
747浏览 • 1回复 待解决
如何实现文本竖向排列
3162浏览 • 1回复 待解决
HarmonyOS Web组件引入页面时部分js丢失未引入
594浏览 • 1回复 待解决
适老化模式字体放大咨询
1168浏览 • 1回复 待解决
JSON.parse数据处理导致精度丢失问题
1522浏览 • 1回复 待解决
HarmonyOS TextArea组件是否支持部分字体设置颜色
532浏览 • 1回复 待解决
HarmonyOS Text组件中，文本怎么换行
1264浏览 • 1回复 待解决
获取文本Text组件的宽度
1236浏览 • 1回复 待解决
Text组件有些符号显示不出来,这是系统默认字体问题?还是组件问题
1108浏览 • 1回复 待解决
HarmonyOS 如何给 app text文本组件设置自定义字体，包括字体文件放在哪个文件夹，如何引用
969浏览 • 1回复 待解决
HarmonyOS Text组件如何计算文本行数
753浏览 • 1回复 待解决
HarmonyOS Text组件如何展示富文本内容？
1118浏览 • 1回复 待解决
哪个属性可以改变Text组件字体的粗细
2423浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本字体太小，如何设置字体大小？
1896浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
2851浏览 • 1回复 待解决
HarmonyOS 图片+文字排列问题
668浏览 • 1回复 待解决
HarmonyOS web组件显示h5页面，部分内容丢失
806浏览 • 1回复 待解决
HarmonyOS Text文本组件可以设置中间省略么
941浏览 • 1回复 待解决
HarmonyOS emitterdata丢失问题
589浏览 • 1回复 待解决
HarmonyOS 精度丢失问题
869浏览 • 2回复 待解决
HarmonyOS Text部分文字高亮设置
918浏览 • 1回复 待解决
提问
该提问已有2人参与 ，帮助了46人
相关讨论帖
eTS 的Text组件设置文本垂直排列的两种方式 0回复
#2020征文-TV# 3.1.1 文本组件 - Text 8回复
技术分享 | load data导致主键丢失的神秘问题 0回复
按钮放大与缩小字体 0回复
HarmonyOS NEXT ArkUI Text组件 0回复