Flutter中Stack嵌套GridView时底部项被Align遮挡截断问题

你的问题根源在于Stack的层叠特性：筛选栏组件覆盖在GridView上方，而GridView没有为底部的筛选栏预留空间，导致最底部的列表项被截断。下面是几种实用的解决方法：

方法一：给GridView添加底部内边距 #

直接在GridView.count的padding参数中增加底部内边距，数值等于筛选栏的高度（比如假设筛选栏高度为60）：

GridView buildGridViewWidget(BuildContext context, AsyncSnapshot<List<FoodMenuItem>> snapshot) {
  return GridView.count(
      childAspectRatio: MediaQuery.of(context).size.width /
          (MediaQuery.of(context).size.height / 2.15),
      mainAxisSpacing: 6,
      crossAxisSpacing: 6,
      // 增加底部内边距，避开筛选栏
      padding: const EdgeInsets.fromLTRB(6, 6, 6, 60),
      crossAxisCount: 2,
      children: List.generate(snapshot.data!.length, (index) {
        return MenuItemWidget(snapshot.data![index]);
      })
  );
}

方法二：用Positioned定位筛选栏并配合GridView内边距 #

把Align换成Positioned，明确筛选栏的位置，同时给GridView加底部内边距：

Stack(
    children: <Widget> [
      buildGridViewWidget(context, snapshot),
      // 用Positioned固定筛选栏在底部
      Positioned(
        left: 0,
        right: 0,
        bottom: 0,
        child: buildFilterWidget(),
      ),
    ]
);

然后同样修改GridView的padding增加底部空间，和方法一一致。

方法三：改用Column布局（更推荐） #

放弃Stack，用Column+Expanded的组合，让GridView占满剩余空间，筛选栏固定在底部，天然避免覆盖问题：

Column(
  children: [
    Expanded(
      child: buildGridViewWidget(context, snapshot),
    ),
    buildFilterWidget(),
  ],
);

这种布局更符合Flutter的布局逻辑，不需要手动计算内边距，也不会有层叠覆盖的问题。

内容的提问来源于stack exchange，提问作者clever_trevor