ListView顶部或底部多出padding

最新推荐文章于 2022-03-01 17:02:10 发布

原创

最新推荐文章于 2022-03-01 17:02:10 发布 · 685 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

在Flutter开发中，未被Scaffold包裹的ListView会在底部显示额外的padding，而当ListView被Scaffold包围但没有AppBar时，顶部会出现相似的问题。通过使用MediaQuery.removePadding可以消除这些空白。示例代码展示了如何在ListView中设置顶部padding来解决这个问题。

1.ListView没有被Scaffold包裹时，在底部会多出一块padding空白
2.ListView被Scaffold包裹但没有AppBar时，在顶部会多出一块padding空白

MediaQuery.removePadding(
      context: context,
      removeTop: true,
      child: Container(
        child: ListView(
            padding: EdgeInsets.