有什么方法可以控制Image.network()启动的异常,以便为它提供默认的AssetImage吗?
最佳答案
这取决于您的用例,但是一种实现方法是使用 FadeInImage
,它对要加载的图像使用img
属性,对占位符使用placeholder
属性
FadeInImage(image: NetworkImage(url), placeholder: AssetImage(assetName)
您也可以收听直到图像加载完毕,然后自己显示一个占位符,直到解析出图像为止。
伪代码
bool _loaded = false;
var img = Image.network(src);
var placeholder = AssetImage(assetName)
@override
void initState() {
super.initState();
img.image.resolve(ImageConfiguration()).addListener((i, b) {
if (mounted) {
setState(() => _loaded = true);
}
});
}
@override
Widget build(BuildContext context) {
return YourWidget(
child: _loaded ? img : placeholder,
);
}