Flutter：网络图像缓存插件——cached_network_image

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Cached Network Image Example'),
        ),
        body: Center(
          child: CachedNetworkImage(
            placeholder: (context, url) => CircularProgressIndicator(),
            imageUrl: 'https://picsum.photos/250?image=9',
          ),
        ),
      ),
    );
  }
}

这段代码演示了如何在Flutter应用中使用cached_network_image插件来显示网络上的图片。它首先导入了必要的flutter和cached_network_image包。在MyApp类的build方法中，它创建了一个MaterialApp作为应用的根部件，并在主页的Scaffold中使用了CachedNetworkImage小部件来显示一个网络图片。它还定义了一个占位符，在图片加载时显示一个圆形进度指示器。