关于 Flutter 适配刘海屏的问题

2021-04-03 19:35:10 +08:00
 Plague

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

背景是通过container设置的:

    return Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: AssetImage(this.dial_bg_image),
          fit: BoxFit.cover,
        ),
      ),
      child: Center(...)
      ...
1358 次点击
所在节点    问与答
6 条回复
TomVista
2021-04-03 20:55:17 +08:00
safearea
TomVista
2021-04-03 20:57:29 +08:00
@TomVista 抱歉,思路不对,首先看 ui debug,确定是图片缩放问题,还是盒子大小问题
TomVista
2021-04-03 21:00:09 +08:00
@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
设置默认 padding 为 zero

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/767830

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX