image - 在backgroundImage之前插入路线时出现白色闪烁

Question

在我的flutter应用中，启动画面动画完成后，它将推送到HomeRoute。
HomeRoute具有一个backgropundImage，旨在覆盖整个屏幕:

HomeRoute.dart:

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
          width: MediaQuery.of(context).size.width,
          height: MediaQuery.of(context).size.height,
          decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage("assets/images/mainBgndsmall.png"),
                  fit: BoxFit.cover)),
          child: SafeArea(child: _buildBody())),
    );
  }

按下路线后，在显示backgroundImage之前会有白色闪烁。

这是正常现象，还是尝试将图像作为背景时我做错了什么？

图像大小约为500KB或600KB左右。 PNG图片。

Answer 1

图片尚未加载，这就是为什么容器在图片出现之前加载的原因
您可以通过使用 future builder 来修复它，该构建器将显示一个循环进度指示器，直到加载图像并准备好渲染为止