HarmonyOS RelativeContainer高度怎么设置auto,自适应子控件的高

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

参考demo示例：

@Component
export struct CommentItem {
  index: number = 0

  build() {
    Column() {
      RelativeContainer() {
        Image($r("app.media.xxx")).width(30).height(30).id("ivHead1" + this.index)

        Image($r("app.media.xxx")).width(30).height(30).id("ivHead2" + this.index).alignRules({
          top: { anchor: "ivHead1" + this.index, align: VerticalAlign.Top },
          left: { anchor: "ivHead1" + this.index, align: HorizontalAlign.End }
        })

        Image($r("app.media.xxx")).width(30).height(30).id("ivHead3" + this.index).alignRules({
          top: { anchor: "ivHead1" + this.index, align: VerticalAlign.Bottom },
          left: { anchor: "ivHead1" + this.index, align: HorizontalAlign.Start }
        })
        Image($r("app.media.xxx")).width(30).height(30).id("ivHead4" + this.index).alignRules({
          top: { anchor: "ivHead2" + this.index, align: VerticalAlign.Bottom },
          left: { anchor: "ivHead3" + this.index, align: HorizontalAlign.End }
        })

      }.width("auto").height("auto").padding(13)
    }.width('100%')

  }
}


@Entry
@Component
struct Index3 {

  build() {
    Column() {
      List() {
        ForEach([1, 2, 3], (item: number, index: number) => {
          ListItem() {
            CommentItem({ index: index })
          }
        })
      }
    }.height("100%")
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.