如何在颤动中限制 GridView 小部件的宽度答案

【问题标题】：How to constraint the width of a GridView widget in flutter如何在颤动中限制 GridView 小部件的宽度
【发布时间】：2021-05-19 11:18:38
【问题描述】：

我已经尝试了两天在颤动的网格视图中添加固定宽度，但我做不到。

我尝试将宽度或框约束添加到父容器，但没有奏效。

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

fixed width for GridView in flutter example

目标：

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

编辑：

如果您在将父容器居中时遇到任何问题，只需使用 Center 小部件敲击它，这应该可以工作

【问题讨论】：

标签： flutter gridview constraints width fixed

【解决方案1】：

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

  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))

【讨论】：

Mr muhammad 我知道如何在一行中不添加子项 .. 这不是我想要的 .. 我需要限制 GridView Widget 的宽度，使其最大宽度为 1000 作为示例.就像我发的图片一样
我编辑答案，您可以将整个网格视图包装在容器中并给出宽度，您也可以将网格视图的单个小部件包装在容器中并给它们宽度
非常感谢 muhammad tameem rafay 先生