Plague
V2EX  ›  问与答

关于 Flutter 适配刘海屏的问题

  •  
  •   Plague · Apr 3, 2021 · 2010 views
    This topic created in 1883 days ago, the information mentioned may be changed or developed.

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

    cnXw0P.jpg

    背景是通过container设置的:

        return Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(this.dial_bg_image),
              fit: BoxFit.cover,
            ),
          ),
          child: Center(...)
          ...
    
    6 replies    2021-04-04 09:13:24 +08:00
    TomVista
        1
    TomVista  
       Apr 3, 2021 via Android
    safearea
    TomVista
        2
    TomVista  
       Apr 3, 2021 via Android
    @TomVista 抱歉,思路不对,首先看 ui debug,确定是图片缩放问题,还是盒子大小问题
    TomVista
        3
    TomVista  
       Apr 3, 2021 via Android
    @TomVista flutter 布局约束向下传递,你给这么一行,不好说问题在哪,先 debug 看一下那里出问题了
    Plague
        4
    Plague  
    OP
       Apr 3, 2021
    @TomVista 没看出原因,可能是我不太会看
    Plague
        5
    Plague  
    OP
       Apr 3, 2021
    @Plague 应该不是图片的原因,因为`fit: BoxFit.cover`,也应该不是 Container 大小的问题,即便把`width`设置的非常大,也依然没有任何改变。所以应该是其他原因。
    loginbygoogle
        6
    loginbygoogle  
       Apr 4, 2021 via iPhone
    设置默认 padding 为 zero
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2906 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 08:56 · PVG 16:56 · LAX 01:56 · JFK 04:56
    ♥ Do have faith in what you're doing.