dart - 如何解决CachedNetworkImage中的错误？

Question

我想加载要缓存的图像。因此，我为此使用了CachedNetworkImage。当用户通过gmail帐户登录时，我会获得图像网址并显示图像。但是我需要将其保留在缓存中。
这是我的代码:

new Center(
 child: new Column(
  children: <Widget>[
   new CircleAvatar(
    new CachedNetworkImage(
      placeholder: CircularProgressIndicator(),
      imageUrl: widget.currentUser?.profilUrl,
    ),
  ),
],
),
)

我也使用了CachedNetworkImageProvider，但是两者都出现了相同的错误。错误是

type'CachedNetworkImage'is not  a  subtype  of  type  'ImageProvider<dynamic>'

Answer 1

小部件CircleAvatar接收ImageProvider。

cached_network_image包为您提供了两个要使用的类:

CachedNetworkImage 小部件，可用于显示缓存的网络图像。

CachedNetworkImageProvider一个提供缓存图像的 ImageProvider 。

因此，如果要将其传递给 CachedNetworkImageProvider，则必须使用 CircleAvatar(2.)。

这是 完整的示例，您可以复制并粘贴以进行尝试:

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(),
      home: Scaffold(
        body: Center(
          child: CircleAvatar(
            backgroundImage: CachedNetworkImageProvider(
              'https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Bill_Gates_Buys_Skype_%285707954468%29.jpg/2560px-Bill_Gates_Buys_Skype_%285707954468%29.jpg'
            ),
          ),
        ),
      )
    );
  }
}