HarmonyOS 如何使Text组件填充满父组件?

build() { 
  Row() { 
    Row() { 
      Text(this.str) 
        .constraintSize({ maxWidth: '100%', minHeight: "30vp" }) 
        .backgroundColor(Color.Gray) 
        .fontSize('24vp') 
    } 
    .key('row1') 
    .constraintSize({ maxWidth: '100%'}) 
    .backgroundColor(Color.Green) 
  } 
  .key('row2') 
  .backgroundColor(Color.Yellow) 
  .width('90%') 
 
  Button('add') 
    .onClick(() => { 
      this.str += 'hello'; 
    }) 
  Button('reset') 
    .onClick(() => { 
      this.str = 'hello'; 
    }) 
}

想让row1组件的大小随Text组件的大小变化,当最外层row2宽度放不下时,自动换行,并且完全填充row2容器,但目前在row1外侧总有一段无法被填充的(下图右侧的黄色区域),如何修改可以使row1/Text完全填充row2?

HarmonyOS 如何使Text组件填充满父组件?-鸿蒙开发者社区

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

把row2的width去掉就好了,如果需要调节布局可以使用margin。

分享
微博
QQ
微信
回复
2024-11-28 15:38:52
相关问题
HarmonyOS 背景图片如何填充满组件
447浏览 • 1回复 待解决
HarmonyOS如何使Text中的单词折行显示
480浏览 • 1回复 待解决
Rect组件支持渐变色填充吗?
282浏览 • 1回复 待解决
如何设置组件随子组件宽度变化
2275浏览 • 1回复 待解决
组件调用子组件的方法
1253浏览 • 1回复 待解决
弹窗组件调用组件函数传递
1025浏览 • 1回复 待解决
HarmonyOS如何测量Text组件的宽度呢
449浏览 • 1回复 待解决
组件如何与孙子组件进行状态同步
2681浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
1087浏览 • 1回复 待解决
组件给子组件传递函数
283浏览 • 1回复 待解决
组件调用组件里的方法
282浏览 • 1回复 待解决
组件如何处理子组件内点击事件
2746浏览 • 1回复 待解决