如何在flutter中从api url加载图片？

dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.3 # 确保版本号是最新的

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

Future<ImageProvider> loadImageFromUrl(String url) async {
  try {
    final response = await http.get(Uri.parse(url));
    if (response.statusCode == 200) {
      return MemoryImage(response.bodyBytes);
    } else {
      throw Exception('Failed to load image');
    }
  } catch (e) {
    print(e);
    return AssetImage('assets/default_image.png'); // 提供一个默认图片以防加载失败
  }
}

class ImageFromUrl extends StatelessWidget {
  final String imageUrl;

  ImageFromUrl({required this.imageUrl});

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<ImageProvider>(
      future: loadImageFromUrl(imageUrl),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return CircularProgressIndicator(); // 显示加载指示器
        } else if (snapshot.hasError) {
          return Text('Error: ${snapshot.error}');
        } else {
          return Image(image: snapshot.data!); // 显示图片
        }
      },
    );
  }
}