关于 Flutter 适配刘海屏的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1331 天前的主题，其中的信息可能已经有所发展或是发生改变。

希望给 Flutter 应用设置全屏的背景图片，但是刘海屏部分覆盖不到，出现黑边，请问各位大佬怎么解决 :smile:

背景是通过container设置的:

    return Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: AssetImage(this.dial_bg_image),
          fit: BoxFit.cover,
        ),
      ),
      child: Center(...)
      ...

6 条回复 • 2021-04-04 09:13:24 +08:00

TomVista

2021-04-03 20:55:17 +08:00 via Android

safearea

TomVista

2021-04-03 20:57:29 +08:00 via Android

@TomVista 抱歉，思路不对，首先看 ui debug，确定是图片缩放问题，还是盒子大小问题

TomVista

2021-04-03 21:00:09 +08:00 via Android

@TomVista flutter 布局约束向下传递，你给这么一行，不好说问题在哪，先 debug 看一下那里出问题了

Plague

2021-04-03 23:11:47 +08:00

@TomVista 没看出原因，可能是我不太会看

Plague

2021-04-03 23:15:47 +08:00

@Plague 应该不是图片的原因，因为`fit: BoxFit.cover`，也应该不是 Container 大小的问题，即便把`width`设置的非常大，也依然没有任何改变。所以应该是其他原因。

loginbygoogle

2021-04-04 09:13:24 +08:00 via iPhone

设置默认 padding 为 zero