HarmonyOS right的padding和margin不生效

对外层布局设置了上下左右四个padding或margin,内部的Text绘制时宽度依然撑满或超出了屏幕,图片如下:

图片1对应图片2效果 图片3对应图片4效果

HarmonyOS right的padding和margin不生效-鸿蒙开发者社区

HarmonyOS right的padding和margin不生效-鸿蒙开发者社区

HarmonyOS right的padding和margin不生效-鸿蒙开发者社区

HarmonyOS right的padding和margin不生效-鸿蒙开发者社区

HarmonyOS
2024-08-29 11:21:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

给内部的text组件设置flexShrink(1)属性即可,文档链接:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-flex-layout-V5#ZH-CN_TOPIC_0000001893211881__flexshrink

demo如下:

@Entry 
@Component 
struct BorderTest { 
 @State message: string = '' 
 @State point: string = '...' 
 build() { 
  //服标签行 
  Column(){ 
   Row() { 
    Image($r('app.media.app_icon')) 
     .height(32) 
     .width(32) 
    Text('文字比较长, 宽度测量不对, 哪里不对呢? 我也不知道, 反正截断了。') 
     .fontSize(16) 
     .fontWeight(600) 
     .lineHeight(25) 
     .flexShrink(1) 
   } 
 
   .width('100%') 
   .align(Alignment.TopStart) 
  } 
  .backgroundColor(Color.Orange) 
  .align(Alignment.TopStart) 
  .width('100%') 
  .padding(20) 
 } 
}
分享
微博
QQ
微信
回复
2024-08-29 21:30:53
相关问题
HarmonyOS margin生效
656浏览 • 1回复 待解决
HarmonyOS margin生效问题
102浏览 • 1回复 待解决
HarmonyOS Button 无法添加margin left right
276浏览 • 1回复 待解决
HarmonyOS 宽度100% margin左右生效
85浏览 • 1回复 待解决
HarmonyOS 设置了iconlabel生效
358浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
331浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
481浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
27浏览 • 1回复 待解决
textfield截断属性生效
2882浏览 • 1回复 待解决
abiFilters配置生效
465浏览 • 1回复 待解决