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生效
494浏览 • 1回复 待解决
HarmonyOS Button 无法添加margin left right
144浏览 • 1回复 待解决
HarmonyOS 设置了iconlabel生效
76浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
185浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
226浏览 • 1回复 待解决
HarmonyOS 关于onKeyEvent生效问题
208浏览 • 1回复 待解决
HarmonyOS photoViewPicker智能推荐生效
135浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
301浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
558浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
306浏览 • 1回复 待解决
HarmonyOS 弹窗封装后open生效
262浏览 • 1回复 待解决
HarmonyOS Badge文本颜色设置生效
173浏览 • 1回复 待解决
HarmonyOS 编译器配置生效
352浏览 • 1回复 待解决
abiFilters配置生效
305浏览 • 1回复 待解决
textfield截断属性生效
2734浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
2289浏览 • 1回复 待解决