flutter - 如何避免图像区域在加载应用程序之前显示蓝色

Question

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

当我重新启动我的应用程序时，正在加载 Logo 的区域呈蓝色几秒钟。然后出现真正的标志。

此小部件位于堆栈中。

这就是我在 Flutter 中将 1080x1073 图像转换为圆形 Logo 的方法。

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

发生这种情况是因为我的图片太大了吗？我该如何处理这个问题？

附言我正在 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'),
                ),
              ),