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生效
135浏览 • 1回复 待解决
HarmonyOS 编译器配置生效
74浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
109浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
208浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
2035浏览 • 1回复 待解决
textfield截断属性生效
2529浏览 • 1回复 待解决
abiFilters配置生效
44浏览 • 1回复 待解决
Web组件onKeyEvent键盘事件生效
1743浏览 • 1回复 待解决
使用position之后height生效
2053浏览 • 1回复 待解决
HarmonyOS部分场景下expandSafeArea生效
236浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
1565浏览 • 1回复 待解决
在嵌套组件中Scroll生效
1790浏览 • 1回复 待解决
音频播放长时任务生效
1666浏览 • 1回复 待解决
List组件initialIndex属性设置生效
1923浏览 • 1回复 待解决
Left、Top为什么生效
488浏览 • 1回复 待解决
通过WindowProperties设置属性生效
1771浏览 • 1回复 待解决
创建单例换了页面后生效问题
1955浏览 • 3回复 待解决