RelativeContainer无法自适应子组件？

Question

咨询描述：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-attributes-size-0000001774280842\#ZH-CN\_TOPIC\_0000001774280842\_\_height

文档描述：在Row、Column、RelativeContainer组件中，width、height设置auto表示自适应子组件。

实际使用发现RelativeContainer不设置宽高时，无法根据子组件内容自适应宽高

Answer 1

在RelativeContainer组件中，width、height设置auto表示自适应子组件。当width设置auto时，如果水平方向上子组件以容器作为锚点，则auto不生效，垂直方向上同理。https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-container-relativecontainer-0000001820880933

可以设置以兄弟组件为锚点，demo如下：

@Entry
@Component
struct Index {
  build() {
    Column(){
      RelativeContainer() {
        Row().width(100).height(100)
          .backgroundColor("#FF3333")
          .id("row1")

        Row().width(100).height(100)
          .backgroundColor("#FFCC00")
          .alignRules({
            top: {anchor: "__container__"， align: VerticalAlign.Top}，
            left: {anchor: "row1"， align: HorizontalAlign.End}
          })
          .id("row2")
      }
      .width('auto').height('auto')
      .margin({left: 50})
      .border({width:2， color: "#6699FF"})
    }.width('100%')
    .height('100%')
  }
}