Flutter第七弹 网格列表GridView

GridView是Flutter中用于创建网格列表的部件。以下是创建GridView的一些常见方法：

1. 使用GridView.count：

GridView.count构造函数需要明确主轴方向(scrollDirection)和交叉轴方向(crossAxisCount)的item数量。

GridView.count(
    primary: true,
    padding: const EdgeInsets.all(20.0),
    crossAxisSpacing: 10.0,
    mainAxisSpacing: 10.0,
    crossAxisCount: 3,
    children: <Widget>[
      const Text('He'),
      const Text('llo'),
      const Text('World'),
      //...
    ],
  ),
);

2. 使用GridView.builder：

GridView.builder构造函数适用于需要大量列表项的情况。它使用回调函数来创建子widget。

GridView.builder(
    gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 3,
      mainAxisSpacing: 10.0,
      crossAxisSpacing: 10.0,
      childAspectRatio: 1.0,
    ),
    itemCount: 100,
    itemBuilder: (BuildContext context, int index) {
      return const Text('Hello World');
    },
  ),
);

3. 使用GridView.custom：

GridView.custom构造函数允许自定义排列和布局。

GridView.custom(
    gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
      maxCrossAxisExtent: 100,
      mainAxisSpacing: 10.0,
      crossAxisSpacing: 10.0,
      childAspectRatio: 1.0,
    ),
    children: <Widget>[
      const Text('Hello'),
      const Text('World'),
      //...
    ],
  ),
);

以上就是在Flutter中创建网格列表的一些常见方法。每种方法都有其特点，可以根据具体需求选择最合适的方法。