flutter - 如何避免 Assets "popping"中的图像出现在 Flutter 中的屏幕上

Question

当使用 Image 小部件显示来自 assets 的图像时，它们往往会在其他小部件(如 Text)之后几毫秒“弹出”到屏幕上>.

有没有办法让图像已经显示在屏幕上，因为它来自 Assets ？所以它不会弹出(或淡出)到 View 中？

这里有一个导致这种情况的简单示例:

Column(
    children: <Widget>[
      Text('This text will be visible a few ms before the image renders',),
      Image.asset('images/lake.jpg',),
    ],
  )

Answer 1

我的解决方案是调用 precacheImage在小部件的 build 函数中，该小部件是需要显示图像的小部件的祖先。

我在提供给 main.dart 中的 runApp 的小部件中调用它。

@override
  Widget build(BuildContext context) {
    precacheImage(AssetImage('images/lake.jpg'), context);
    return MaterialApp(...);
}