如何在flutter web中显示firebase存储图像。我有图片的网址。显示URL而不是图像。但是另一个边图链接做得很完美。

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

class FirebaseImage extends StatefulWidget {
  final String imageUrl;

  FirebaseImage({required this.imageUrl});

  @override
  _FirebaseImageState createState() => _FirebaseImageState();
}

class _FirebaseImageState extends State<FirebaseImage> {
  late Future<http.Response> _imageResponse;

  @override
  void initState() {
    super.initState();
    _imageResponse = http.get(Uri.parse(widget.imageUrl));
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<http.Response>(
      future: _imageResponse,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          return Image.memory(snapshot.data!.bodyBytes);
        } else if (snapshot.hasError) {
          return Text('Failed to load image');
        } else {
          return CircularProgressIndicator();
        }
      },
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Firebase Image'),
      ),
      body: Center(
        child: FirebaseImage(
          imageUrl: 'YOUR_IMAGE_URL',
        ),
      ),
    ),
  ));
}