当屏幕尺寸发生变化时，Flutter Image 会模糊为红色和黑色

Question

大家好，我们在使用 Flutter Web 时遇到了问题。 会发生什么：

• 我们运行 flutter run -d chrome --web-renderer canvaskit 和 flutter run -d chrome --web-renderer html 但没有任何变化
• 我们在浏览器上打开inspect，然后快速关闭它，突然图像坏了，如图所示。
• 图片格式为.png

这里有人知道什么可能导致这个问题吗？

Answer 1

只需去掉图片的宽高，在图片编辑工具上调整图片的宽高即可。

从此

               Image(
                    image: AssetImage('assets/logo.png'),
                    height: 130,
                    width: 130),

进入这个

               Image(
                    image: AssetImage('assets/logo.png')),

如果这不起作用，试试这个

Image yourImage;

@override
void initState() {
  super.initState();
  yourImage= Image.asset('assets/logo.png');
}
  
@override
void didChangeDependencies() {
  super.didChangeDependencies();
  precacheImage(yourImage.png, context);
}

如果两者都不起作用，则说明您的图像有问题。只需更改您的图像 我希望这会有所帮助，谢谢。