当前位置 博文首页 > “Allen Su”的博客:【Flutter 常见问题】Flutter 如何获取屏幕

    “Allen Su”的博客:【Flutter 常见问题】Flutter 如何获取屏幕

    作者:[db:作者] 时间:2021-07-07 21:58

    在原型图中,我们会遇到屏幕上第一个组件距离屏幕顶端多少距离,如下图所示
    在这里插入图片描述
    如果直接写这个距离,在刘海屏或异形屏就会出现组件被"挖"掉的问题。

    所以这个时候我们需要获取到屏幕的内边距,加上原型图中的数字,才是我们最终需要的距离。

    在 Flutter 获取屏幕内边距用

    MediaQuery.of(context).padding
    

    一般我们获取内边距的 top 值比较多

    MediaQuery.of(context).padding.top
    

    关于如何获取 Flutter 屏幕内边距,就介绍到这里。

    结束语

    技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点,最后,附上一句格言,望共勉:好学若饥,谦卑若愚。

    开发者俱乐部

    cs