如何在颤动中动态设置每一行的列数答案

【问题标题】：how to set column count for each row dynamically in flutter如何在颤动中动态设置每一行的列数
【发布时间】：2021-04-20 12:11:14
【问题描述】：

我有 gridView builder，它连续显示 2 个项目。如下图

我想显示这样的图像

\n 请帮助我在颤振中实现这一目标


                            GridView.builder(
                              gridDelegate:
                                  SliverGridDelegateWithMaxCrossAxisExtent(
                                      maxCrossAxisExtent: 200,
                                      childAspectRatio: 2.5 / 3,
                                      crossAxisSpacing: 10,
                                      mainAxisSpacing: 10),
                              shrinkWrap: true,
                              primary: false,
                              itemCount: nListLevels.modules.length,
                              itemBuilder: (context, j) {
        
                          // displaying contents here
                         }
                   ));

【问题讨论】：

标签： flutter

【解决方案1】：

我猜你可以返回“column”并在“column”中添加“Row”小部件以适合您的 UI

【讨论】：

【解决方案2】：

对于不同大小的网格项，你需要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,
)

【讨论】：

如果有帮助，请标记为回答，谢谢！