HarmonyOS RelativeContainer无法自适应高度

@Entry  
@Component  
struct GridPage {  
  @State numbers: String[] = ['0', '1', '2', '3', '4']  
  scroller: Scroller = new Scroller()  
  build() {  
    Column({ space: 5 }) {  
      Text('scroll').fontColor(0xCCCCCC).fontSize(9).width('90%')  
      Grid(this.scroller) {  
        ForEach(this.numbers, (day: string) => {  
          ForEach(this.numbers, (day: string) => {  
            GridItem() {  
              customGridItem({ day: day })  
            }  
          }, (day: string) => day)  
        }, (day: string) => day)  
      }  
      .columnsTemplate('1fr 1fr')  
      .columnsGap(10)  
      .rowsGap(10)  
      .width('90%')  
      .height(500)  
      Button('next page')  
 // 点击后滑到下一页  
        .onClick(() => {  
          this.scroller.scrollPage({ next: true })  
        })  
    }.width('100%').margin({ top: 5 })  
  }  
}  
@Component  
struct customGridItem {  
  @State day: string = ''  
  
  build() {  
    RelativeContainer() {  
      Row() {  
        Image('')  
          .backgroundColor(Color.Red)  
      }  
      .width('100%')  
      // 修改大小自适应其高度  
      .height(200)  
      .backgroundColor("#FF3333")  
      .alignRules({})  
      .id("row1")  
    }  
    .backgroundColor(Color.Blue)  
    .width("auto").height("auto")  
    .border({ width: 2, color: "#6699FF" })  
  }  
}