utter 网格试图 2- GridView.extent

代码

class GridViewExtentDemo extends StatelessWidget {
  List<Widget> _buildTiles(int length) {
    return List.generate(length, (int index) {
      return Container(
        color: Colors.grey[300],
        alignment: Alignment(0.0, 0.0),
        child: Text(
          'Item $index',
          style: TextStyle(fontSize: 20, color: Colors.white),
        ),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return GridView.extent(
        maxCrossAxisExtent: 160.0,//一行显示几个,根据屏幕宽度自动计算
        crossAxisSpacing: 16.0, //
        mainAxisSpacing: 16.0, //上下间距
        //scrollDirection: Axis.horizontal, //滚动方向
        children: _buildTiles(100));
  }
}