HarmonyOS 组件的宽高设置auto,不生效,默认父组件全部宽高

HarmonyOS
2024-12-20 17:11:42
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

当width设置auto时,如果水平方向上子组件以容器作为锚点,则auto不生效,垂直方向上同理。参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-relativecontainer-V5

@Builder
heatmapExampleLayout() {
  RelativeContainer() {
    Image($r('app.media.startIcon'))
      .fitOriginalSize(true)
      .margin({ bottom: 10 })
      .id('example_img')
    // .alignRules({
    // left: { anchor: '__container__', align: HorizontalAlign.Start },
    // top: { anchor: '__container__', align: VerticalAlign.Top }
    // })

    Text(`事实上`)
      .fontColor(Color.Red)
      .fontSize(12)
      .id('example_less')
    // .alignRules({
    // left: { anchor: '__container__', align: HorizontalAlign.Start },
    // bottom: { anchor: '__container__', align: VerticalAlign.Bottom }
    // })

    Text(`测试`)
      .fontColor(Color.Blue)
      .fontSize(12)
      .id('example_more')
    // .alignRules({
    // right: { anchor: 'example_img', align: HorizontalAlign.End },
    // bottom: { anchor: '__container__', align: VerticalAlign.Bottom }
    // })
  }
  .padding({
    left: 8,
    right: 8,
    top: 5,
    bottom: 5
  })
  .margin({ left: 8, bottom: 12 })
  .border({
    width: 2,
    color: Color.White,
    radius: 8
  })
  .backgroundColor(Color.Gray)
  // .alignRules({
  // left: { anchor: '__container__', align: HorizontalAlign.Start },
  // bottom: { anchor: 'bottom_layout', align: VerticalAlign.Top }
  // })
  .width(`auto`)
  .height(`auto`)
}
分享
微博
QQ
微信
回复
2024-12-20 20:12:34
相关问题
ArkTs如何获取组件
5075浏览 • 1回复 待解决
HarmonyOS RelativeContainer设置问题
221浏览 • 1回复 待解决
HarmonyOS ArkUI中设置
316浏览 • 1回复 待解决
HarmonyOS 如何得到容器尺寸
257浏览 • 1回复 待解决
HarmonyOS如何获取指定子组件
1528浏览 • 1回复 待解决
求大佬告知如何获取组件
681浏览 • 1回复 待解决
如何获取组件,你学会了吗?
2984浏览 • 1回复 待解决
HarmonyOS 获取图片
277浏览 • 1回复 待解决
HarmonyOSwindow怎么设置固定
1965浏览 • 1回复 待解决
如何获取组件和在屏幕上位置
3649浏览 • 2回复 待解决
HarmonyOS 横屏状态下获取组件
884浏览 • 1回复 待解决
获取Column最终
748浏览 • 1回复 待解决