Plague
V2EX  ›  问与答

关于 Flutter 适配刘海屏的问题

  •  
  •   Plague · Apr 3, 2021 · 2402 views
    This topic created in 2043 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
    TomVista
    Apr 3, 2021 via Android
    1
    safearea
    TomVista
    TomVista
    Apr 3, 2021 via Android
    2
    @TomVista 抱歉,思路不对,首先看 ui debug,确定是图片缩放问题,还是盒子大小问题
    TomVista
    TomVista
    Apr 3, 2021 via Android
    3
    @TomVista flutter 布局约束向下传递,你给这么一行,不好说问题在哪,先 debug 看一下那里出问题了
    Plague
    Plague
    OP
    Apr 3, 2021
    4
    @TomVista 没看出原因,可能是我不太会看
    Plague
    Plague
    OP
    Apr 3, 2021
    5
    @Plague 应该不是图片的原因,因为`fit: BoxFit.cover`,也应该不是 Container 大小的问题,即便把`width`设置的非常大,也依然没有任何改变。所以应该是其他原因。
    loginbygoogle
    loginbygoogle
    Apr 4, 2021 via iPhone
    6
    设置默认 padding 为 zero
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1651 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 10:40 · PVG 18:40 · LAX 02:40 · JFK 05:40
    ♥ Do have faith in what you're doing.