Flutter：ListView/ListBuilder组件顶部出现空白如何解决？

你遇到的顶部空白是ListView的默认行为导致的——组件会自动添加顶部内边距，用于适配系统状态栏或避免内容被遮挡，即使你没手动设置padding，这个默认值也会生效。

消除空白的核心是覆盖这个默认padding，有两种直接的解决方式：

方法一：给ListView设置padding: EdgeInsets.zero #

修改你的测试代码，添加padding参数即可：

Container(
  margin: const EdgeInsets.all(60),
  decoration: BoxDecoration(
      border: Border.all(color: Colors.black, width: 5)),
  height: 20,
  width: 20,
  child: ListView(
    padding: EdgeInsets.zero, // 关键：手动设置内边距为0
    children: const [
      Text("Test"),
      Text("Test"),
      Text("Test"),
    ],
  ),
),

方法二：针对ListView.builder的情况 #

如果是使用ListView.builder构建列表，同样只需在构造参数里添加padding: EdgeInsets.zero，就能消除顶部空白。

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