image - flutter : Display Local Image when Network Image not found or error fetching it?

Question

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 图片时

Answer 1

您可以使用 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 .