《鸿蒙开发-鸿蒙教程-答案之书》Grid怎么显示不完并且滑动不了

关键是看滑动不了,是不是同时设置了columnsTemplate和rowsTemplate。

一般不是固定数量,只能设置一个方向的。

下面就是错误的示范代码:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Column() {
      Grid(){
        ForEach([1,2,3,4,6,7,8,9,10,11,12,13,14,15],(item:Number) =>{
          GridItem(){
            Text(`${item}`)
              .textAlign(TextAlign.Center)
              .width('100%')
              .height('25%')
              .backgroundColor(Color.Red)
          }

        })
      }
      .columnsTemplate('1fr 1fr 1fr 1fr')
      .rowsTemplate('1fr 1fr ')
      .height(300)
      .rowsGap(10)
      .columnsGap(10)
      .padding(10)
      .backgroundColor(Color.Blue)
    }
    .height('100%')
    .width('100%')
  }
}

它显示不完,并且滑动不了。

更多推荐