V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Plague
V2EX  ›  问与答

关于 Flutter 适配刘海屏的问题

  •  
  •   Plague · 2021-04-03 19:35:10 +08:00 · 1320 次点击
    这是一个创建于 1321 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    cnXw0P.jpg

    背景是通过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
        1
    TomVista  
       2021-04-03 20:55:17 +08:00 via Android
    safearea
    TomVista
        2
    TomVista  
       2021-04-03 20:57:29 +08:00 via Android
    @TomVista 抱歉,思路不对,首先看 ui debug,确定是图片缩放问题,还是盒子大小问题
    TomVista
        3
    TomVista  
       2021-04-03 21:00:09 +08:00 via Android
    @TomVista flutter 布局约束向下传递,你给这么一行,不好说问题在哪,先 debug 看一下那里出问题了
    Plague
        4
    Plague  
    OP
       2021-04-03 23:11:47 +08:00
    @TomVista 没看出原因,可能是我不太会看
    Plague
        5
    Plague  
    OP
       2021-04-03 23:15:47 +08:00
    @Plague 应该不是图片的原因,因为`fit: BoxFit.cover`,也应该不是 Container 大小的问题,即便把`width`设置的非常大,也依然没有任何改变。所以应该是其他原因。
    loginbygoogle
        6
    loginbygoogle  
       2021-04-04 09:13:24 +08:00 via iPhone
    设置默认 padding 为 zero
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3593 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:49 · PVG 08:49 · LAX 16:49 · JFK 19:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.