删除应用栏时，下两个小部件之间会出现间隙

Question

当 appBar 删除或使其为空时，接下来的 2 个小部件之间存在间隙问题

当我从代码中删除 appBar 时，接下来的 2 个小部件之间的间隙会变得更大

appBar : AppBar()
body: Container (
   child : Column (
     children [
        child : ListTile(....)
        Expanded(
          childe: ListView(
             children : List.generats(5, (index) =>
             child : ListTile(...)

Answer 1

发生这种情况是因为

ListView

内部有默认的填充行为。

如果您想查看

ListView

中的代码，请转到其文件并阅读它。

但一般来说，

ListView

和任何扩展

Widget

的

BoxScrollView

（例如

GridView

）具有相同的默认填充行为。

因此，如果您不需要空间，只需制作自己的填充，例如像这样：

Scaffold(
      /*appBar: AppBar(
        title: const Text("AppBar"),
      ),*/
      body: Container(
        child: Column(
          children: [
            const ListTile(
              title: Text("first txt"),
            ),
            Expanded(
              child: ListView(
                padding: const EdgeInsets.all(0), // Change this as you want
                children: List.generate(
                  5,
                  (index) => ListTile(
                    title: Text("txt$index"),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );

如果您觉得我的回答有帮助，请点赞，如果您是所有者并且您看到它给了您想要的东西，请将其标记为已接受，谢谢。