Flutter使用GridView时顶部出现额外边距，设置padding为0仍未解决？

问题原因 #

Flutter 的可滚动组件（GridView、ListView等）未显式设置padding属性时，会默认应用MediaQuery.of(context).padding适配系统状态栏、导航栏等区域，这就是你没有主动设置边距但GridView顶部出现额外空白的核心原因。

解决方案 #

给你的GridView显式添加padding: EdgeInsets.zero属性即可，修改后的代码如下：

GridView(
  padding: EdgeInsets.zero, // 新增这一行移除默认的自适应边距
  physics: NeverScrollableScrollPhysics(),
  shrinkWrap: true,
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
  children: [
    // 原有子组件代码保持不变
  ],
)

额外排查点 #

如果修改后仍有多余边距，可同步检查两处配置：

• 包裹代码的外层ListView同样添加padding: EdgeInsets.zero属性，排除外层组件默认边距的影响
• 确认SliverGridDelegateWithFixedCrossAxisCount的mainAxisSpacing属性为默认值0，避免主轴间距导致的空白

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