if (wasSynchronousLoaded) {
return child;
} else {
return AnimatedSwitcher(
duration: const Duration(milliseconds: 500),
child: frame != null ? child : placeholder,
);
}
},
);
}
}
有了占位符,布局再也不会跳来跳去了,而且图片也有了渐现效果:
预缓存图片
如果你的 app 在显示图片界面之前有欢迎界面,你可以调用 precacheImage
方法来预缓存图片。
precacheImage(NetworkImage(url), context);
来看一下效果:
在 Flutter web app 中禁用导航过渡动画
导航过渡动画一般在用户切换页面时使用