如何在 flutter 中限制 GridView 小部件的宽度

Question

我这两天一直在尝试在 flutter 中为网格视图添加固定宽度，但我做不到。

我尝试向父容器添加宽度或框约束，但没有成功。

我正在构建一个网络应用程序，因此屏幕宽度通常比智能手机的屏幕宽度要宽。
这就是我想要的样子：

fixed width for GridView in flutter example

Objective:

例如，将 GridView Widget 的宽度限制为最大宽度 1000。

编辑：

如果您在将父容器居中时遇到任何问题，只需使用 Center 小部件来解决它，这应该会起作用

Answer 1

在这里您可以使用 crossAxisCount 属性添加行中的项目数。然后通过将其包装在容器中将其固定到其 child。

  Container(
        width: 100, // HERE YOU CAN ADD THE WIDTH
        child: GridView.builder(
            physics: NeverScrollableScrollPhysics(),
            shrinkWrap: true,
            itemCount: list.length,
            scrollDirection: Axis.vertical,
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              childAspectRatio: 1,
              crossAxisCount: 4, // HERE YOU CAN ADD THE NO OF ITEMS PER LINE
              mainAxisSpacing: 5,
              crossAxisSpacing: 5,
            ),
            itemBuilder: _getListItemTile))

如何在 flutter 中限制 GridView 小部件的宽度

How to constraint the width of a GridView widget in flutter

gridview

constraints

fixed

width

flutter

Objective:

编辑：