如何在加载应用前避免图像区域显示为蓝色

Question

我正在将保存为.jpg的矩形徽标加载到我的应用程序中的CircleAvatar中。

当我重新启动应用程序时，徽标正在加载的区域会显示蓝色几秒钟。然后出现真实徽标。

此小部件可在堆栈中找到。

这就是我如何将我的1080x1073图像转换为Flutter中的圆形徽标。

 Container(
                width: size.width * 0.5,
                height: size.width * 0.5,
                child: CircleAvatar(
                  backgroundImage: AssetImage('assets/images/logo.jpg'),
                ),
              ),

是否会因为我的图像太大而发生？我应该如何处理这个问题？

P.S。我正在Visual Studio Code上对此进行测试。

Answer 1

默认情况下，背景颜色设置为蓝色，您可以修改该属性，并且它将显示您分配给它的任何颜色。

              Container(
                width: size.width * 0.5,
                height: size.width * 0.5,
                child: CircleAvatar(
                  backgroundColor: Colors.red, //here
                  backgroundImage: AssetImage('assets/images/logo.jpg'),
                ),
              ),