在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())),
    );
  }

当路由被推送时，在显示背景图像之前有一个白色的闪烁。

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

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

Answer 1

图像尚未加载，这就是容器在图像出现之前加载的原因

您可以使用未来的构建器来修复它，该构建器将显示圆形进度指示器，直到图像加载并准备好渲染