flutter - 图片资源加载太慢

Question

我注意到一个问题，图像资源加载速度太慢而无法使用。

在这个简单的例子中(下面)，当图像被加载时，你可以看到一个初始屏幕，然后图像资源加载并出现在屏幕上。

我希望一口气看到所有内容，而不是看到正在加载的 Assets

  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Positioned.fill(child: Image.asset(imagePaths[6], fit: BoxFit.cover)),
        ]
    )
    );
  }

知道我可以做些什么来使这些图像加载速度更快吗？
即使在发布版本中，它的加载 Assets 也很慢，用户可以看到它

Answer 1

从 Assets 加载图像的速度对我来说似乎很好。它可能与您尝试显示的图像的大小和数量有关。你能提供一个 minimal repro证明问题？我想了解您加载图像的方法的基准速度，并看看是否有办法改进它。
正如上面的评论中提到的，您也可以尝试使用 precacheImage 来预加载图像 Assets 。在屏幕显示之前。一个简单的实现应该是这样的:

AssetImage assetImage;

@override
void initState() {
  super.initState();

  assetImage = AssetImage('assets/yourimage.png');
  precacheImage(assetImage, context);
}

@override
  Widget build(BuildContext context) {
  // build your screen here
  Image(image: assetImage);
  // build your screen here
}