如何在 Flutter 的 GridView 中设计不同大小的网格？

Posted 2023-02-23

【中文标题】如何在 Flutter 的 GridView 中设计不同大小的网格？

【英文标题】：How to design difference size Grids in GridView in Flutter?

【发布时间】：2021-05-27 09:53:05

【问题描述】：

我需要使用 Flutter 来设计这样的 Grid View

【参考方案1】：

试试这个，flutter_staggered_grid_view:

StaggeredGridView.countBuilder(
  crossAxisCount: 4,
  itemCount: 8,
  itemBuilder: (BuildContext context, int index) => new Container(
      color: Colors.green,
      child: new Center(
        child: new CircleAvatar(
          backgroundColor: Colors.white,
          child: new Text('$index'),
        ),
      )),
  staggeredTileBuilder: (int index) =>
      new StaggeredTile.count(2, index.isEven ? 2 : 1),
  mainAxisSpacing: 4.0,
  crossAxisSpacing: 4.0,
)

【讨论】：

感谢您的回答，但我需要设计不同的宽度和高度。喜欢那张照片。

不客气，我试过这样的布局，我觉得没问题~