Flutter快速上手10：高级布局之网格 GridView

用于创建二维网格列表。

• GridView() 默认构造
• GridView.count 用于快速的创建固定横轴数量的网格
• GridView.extent 用于创建交叉轴子最大可容纳的网格
• GridView.builder 同ListView的builder
• GridView.custom 用于构建自定义子Widget

GridView.count 是在交叉轴上创建固定个数的网格，crossAxisCount为必须的属性，表示交叉轴网格的个数，而GridView.extent是在交叉轴上创建最大可容纳的网格，maxCrossAxisExtent是必须的属性，表示交叉轴上网格的最大的宽度。

GridView.builder(
      //常用build构造方法，系统已做好缓存，更方便加载和刷新，性能更好
      //如果数量固定，用count
      gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
        crossAxisSpacing: 5,
        mainAxisSpacing: 10,
        maxCrossAxisExtent: 150, //extent构造方法 屏宽除以150
      ),
      // crossAxisSpacing: 5,
      // mainAxisSpacing: 10,
      // maxCrossAxisExtent: 150, //extent构造方法 屏宽除以150
      // crossAxisCount: 2, //count构造方法
      itemBuilder: (BuildContext context, int index) {
        return Container(
          color: Colors.orange,
          height: 70,
          child: Text("$index"),
          alignment: Alignment.center,
        );
      },
    )

本地Flutter 2.10.1，Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子，初学Flutter ，文章会根据学习进度不定时更新，请多多指教~~