ListView顶部或底部多出padding

小蜜蜂嗡嗡

于 2022-01-07 11:41:42 发布

阅读量659

点赞数

CC 4.0 BY-SA版权

文章标签： flutter

本文链接：https://blog.youkuaiyun.com/androidhyf/article/details/122361115

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

MediaQuery.removePadding(
      context: context,
      removeTop: true,
      child: Container(
        child: ListView(
            padding: EdgeInsets.only(top:ScreenUtil().setHeight(20)),
            shrinkWrap: true,
            physics:NeverScrollableScrollPhysics(),
            children: _detailImageItem()
        ),
      ),
    );