HarmonyOS Grid高度无法等分(横3竖2)

Grid高度无法等分(横3竖2):

Column() {  
  Grid() {  
    ForEach(this.arr, (item:string, index:number) => {  
      GridItem() {  
        Text(item)  
          .backgroundColor(Color.Blue)  
      }.backgroundColor(Color.Pink)  
     .height(100)  
    })  
  }  
  .rowsTemplate('1fr 1fr 1fr')  
  .columnsTemplate('1fr 1fr 1fr')  
}.height(200)
HarmonyOS
2024-10-10 12:58:21
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

横三竖二布局可以参考一下demo:

@Entry  
@Component  
struct GridDemo {  
  @State message: string = 'Hello World';  
  @State arr:Array<string> = ['arr1','arr2','arr3','arr4','arr5','arr6']  
  build() {  
    Row() {  
      Column() {  
        Grid() {  
          ForEach(this.arr, (item:string, index:number) => {  
            GridItem() {  
              Text(item)  
                .backgroundColor(Color.Blue)  
            }.backgroundColor(Color.Pink)  
            .height(100)  
          })  
        }  
        .rowsTemplate('1fr 1fr 1fr')  
        .columnsTemplate('1fr 1fr')  
      }.height(200)  
    }  
    .height('100%')  
  }  
}

grid组件参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-grid-V5

分享
微博
QQ
微信
回复
2024-10-10 18:01:43
相关问题
如何获取当前是屏还是屏啊?
4883浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
439浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3206浏览 • 1回复 待解决
HarmonyOS imageknife2.x如何切imageknife3.x
399浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
310浏览 • 1回复 待解决
watch3如何获取海拔高度
3039浏览 • 1回复 待解决
HarmonyOS Video无法播放m3u8
232浏览 • 1回复 待解决
10对-3取余结果是1还是-2
3520浏览 • 1回复 待解决
HarmonyOS SM2加签验签SM3摘要算法使用
415浏览 • 1回复 待解决