如何在 Flutter 中在 ListView.builder 的顶部添加填充？

Question

我在 Flutter 项目中主要使用 ListView 和 ListView.builder 。大多数情况下，我使用构建小部件主体部分来放置 ListView 或 ListView.builder。我查看了 Flutter 文档，但没有发现任何信息或示例。

这是一个基本的 ListView 示例。如您所见，ListView 被放置在 body 中。我想要一些身体顶部的填充，然后是 ListView。填充结束，ListView 开始。

如何在 Flutter 中的 ListView.builder 顶部添加填充？

@override
  Widget build(BuildContext context) {
    final title = 'Basic List';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: // how to add some padding here then ListView
             ListView(
          children: <Widget>[
            ListTile(
              leading: Icon(Icons.map),
              title: Text('Map'),
            ),
            ListTile(
              leading: Icon(Icons.photo_album),
              title: Text('Album'),
            ),
            ListTile(
              leading: Icon(Icons.phone),
              title: Text('Phone'),
            ),
          ],
        ),
      ),
    );
  }

Answer 1

如果您想向随项目上下滚动的内部内容添加填充，您只需添加padding到其ListView本身即可。

如果您将 ListView 包裹在Padding或 中Container，它将在内容消失的边缘和上面的小部件之间创建一个间隙。

...
ListView.builder(
    padding: EdgeInsets.only(top: 10),
    itemCount: cards.length,
    itemBuilder: (context, index) {
       return MyCard(
           title: cards[index].title,
       );
    },
)
...

Answer 2

只需将您ListView的Container小Container部件包装起来，小部件本身具有通过使用设置填充/边距的属性EdgeInsets.only(top:50) // or whatever you want

有关EdgeInsets 的更多信息，请单击此处。