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

一个item的高无法控制,想要实现跟随子控件的高一样,怎么实现。

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

当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%")
  }
}
分享
微博
QQ
微信
回复
2024-12-20 18:23:20
相关问题
HarmonyOS RelativeContainer无法自适应高度
827浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应问题
1214浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
420浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
203浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
381浏览 • 1回复 待解决
HarmonyOS 高度自适应
664浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
371浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
619浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
672浏览 • 1回复 待解决