HarmonyOS Grid-GridItem组件高度的咨询

现在需要写一个填充两行的Grid布局,但是实际写出来,这个Grid的高度无法自动填充,会变的非常高。现在想让这个Grid布局,高度自适应,能包住两行的GridItem,直接指定他的高度就是2行。 不需要指定具体多少个像素。请问该如何操作?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

下面简版demo可参考,核心是增加maxCount。

@Entry
@Component
struct GridPage {
  @State message: string = 'Hello World';
  @State numbers: String[] = ['0', '1', '2', '3', '4','5','6','7','8']
  scroller: Scroller = new Scroller()

  build() {
    Column() {
      Grid(this.scroller) {
        ForEach(this.numbers, (day: string) => {
          GridItem() {
            customGridItem()
          }
        })
      }
      .columnsTemplate('1fr 1fr 1fr 1fr')
      .columnsGap(10)
      .rowsGap(10)
      .width('90%')
      .backgroundColor(Color.Gray)
      .maxCount(this.numbers.length)
    }
    .width('100%')
    .height('100%')
    .margin({ top: 5 })
    .backgroundColor(Color.White)

  }
}

@Component
struct customGridItem {
  build() {
    Row() {
      Image('')
        .backgroundColor(Color.Red)
    }
    .width('100%')
    .aspectRatio(1)
    .backgroundColor("#FF3333")
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 可移动GridItemGrid组件
312浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
425浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
45浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3283浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
93浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
563浏览 • 1回复 待解决
HarmonyOS Grid高度无法等分(横3竖2)
354浏览 • 1回复 待解决
HarmonyOS Grid组件拖动异常
361浏览 • 1回复 待解决
HarmonyOS Grid组件拖拽排序
24浏览 • 1回复 待解决
HarmonyOS 关于Grid组件拖拽排序问题
504浏览 • 1回复 待解决