Flutter开发:解决ListView顶部有留白的方法

Flutter开发:解决ListView顶部有留白的方法,第1张

前言

Flutter开发中,开发者对于ListView组件的使用并不陌生,因为常规的业务需求基本必会涉及到列表或者滑动,这就必会使用ListView。关于ListView的常规使用,一般查看官方文档都能找到对应的API,这里就不再多少。但是对于一些不常用的使用还是要知道的,那么本篇博文就来分享一下关于解决ListView的使用中常见问题之一:ListView顶部留白问题,方便查阅使用。

描述

在Flutter中ListView顶部默认状态下会有空白问题,会看到ListView头部有一点空白区域,那是因为当ListView没有和AppBar一起使用时,头部会有一个padding,那么想要去掉这个padding,就要使用MediaQuery.removePadding 把ListView包裹一下,也就是需要将ListView作为MediaQuery.removePadding的子组件即可。

留白问题的图示

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/994140.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存