Flutter怎么插入图片

在Flutter中插入图片通常使用`Image` widget来显示静态或动态的图片资源。以下是如何插入图片的基本步骤：

1. **加载本地图片**：
使用`FileImage`或` AssetImage`，如果你有图片保存在手机的本地存储，用`File`对象配合`FileImage`：

   Image.file(File('assets/image.jpg'), width: 200, height: 200);

如果图片是应用的资产文件，用`AssetImage`：

   Image.asset('image.jpg', width: 200, height: 200);

2. **加载网络图片**：
使用`NetworkImage`来自网络加载图片，需要一个URL：

   Image.network('https://example.com/image.jpg', width: 200, height: 200);

3. **占位符图片**：
可以添加一个占位符，如`CircleImage`或自定义占位图，例如`CircularProgressIndicator`：

   Container(
       child: Image.network(
           'https://example.com/image.jpg',
           placeholder: CircleAvatar(imageCircleFit: BoxFit.cover),
       ),
   );

4. **异步加载图片**：
如果图片很大，为了优化用户体验，可以使用`ImageProvider`和`Image.network`配合`Image.memory`或`ImageProvider.resolve`来渐进式加载：

final imageProvider = NetworkImage('https://example.com/image.jpg');
Image(
  imageProvider: imageProvider,
  fit: BoxFit.cover,
  loadingBuilder: (context, child, loadingProgress) {
    return Center(child: CircularProgressIndicator());
  },
);