Center(
child: CachedNetworkImage(
imageUrl: "http:/ sosme link here",
errorWidget: (context, url, error) => Icon(Icons.error),
fadeInCurve: Curves.easeIn ,
fadeInDuration: Duration(milliseconds:1000),
fadeOutCurve: Curves.easeOut,
fadeOutDuration: Duration(milliseconds:500),
imageBuilder: (context, imageProvider) => Container(
height: 250.0,
width: 250.0,
decoration: BoxDecoration(
border: Border.all(
color: Colors.black,
),
borderRadius: BorderRadius.all(Radius.circular(10)),
color: Colors.white,
image: DecorationImage(
image: imageProvider,
fit: BoxFit.cover,
),
),
),
),
),
我的目标是从可能存在也可能不存在的 URL 加载图像。
如果 URL 不存在,则加载 Assets 图像。
尝试在此处插入 Assets 图片,但没有奏效。
正如我在想是否加载错误,意味着没有找到图像或其他东西。所以我想显示一个本地镜像。
有什么建议吗?
errorWidget: (context, url, error) => Icon(Icons.error),
错误,当我使用 Assets 图片时
最佳答案
您可以使用 FadeInImage
您的用例的小部件..
这是一个样本给你..
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
final title = 'Fade in images';
return MaterialApp(
title: title,
home: Scaffold(
appBar: AppBar(
title: Text(title),
),
body: Center(
child: FadeInImage.assetNetwork(
placeholder: 'assets/loading.gif',
image: 'https://picsum.photos/250?image=9',
),
),
),
);
}
}
您可以获得more information from official website .
关于image - flutter : Display Local Image when Network Image not found or error fetching it?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62061136/