HarmonyOS 鸿蒙Next中Grid布局高度自适应问题

HarmonyOS 鸿蒙Next中Grid布局高度自适应问题

我想要实现Grid高度自适应，如何实现

我误打误撞试出来，不设置rowsTemplate就可以，这样是合理的吗？

请问为啥 rowsTemplate、columnsTemplate都设置的时候，就必须固定Grid组件的高度，否则布局就会撑满？

代码如下（可以通过注释掉rowsTemplate属性看区别）

@Entry
@Component
struct AnimationPage {
  build() {
    Grid() {
      Repeat<string>(['壹', '贰', '叁', '肆', '伍', '陆']).each((ri: RepeatItem<string>) => {
        GridItem() {
          Column() {
            Text(ri.item).fontSize(18).fontColor('#857')
          }
          .width('100%')
        }
      })
    }
    // .rowsTemplate('1fr 1fr') //打开注释
    .columnsTemplate('1fr 1fr 1fr')
    .rowsGap(4)
    .columnsGap(4)
  }
}