在颤动中从Firebase加载图像时使用CircularProgressIndicator控件

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

class ImageLoader extends StatefulWidget {
  @override
  _ImageLoaderState createState() => _ImageLoaderState();
}

class _ImageLoaderState extends State<ImageLoader> {
  String imageUrl = 'your-firebase-image-url';
  bool isLoading = true;

  @override
  void initState() {
    super.initState();
    loadImage();
  }

  Future<void> loadImage() async {
    try {
      await FirebaseStorage.instance.refFromURL(imageUrl).getDownloadURL();
      setState(() {
        isLoading = false;
      });
    } catch (e) {
      print('Error loading image: $e');
      setState(() {
        isLoading = false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return isLoading
        ? Center(child: CircularProgressIndicator())
        : Image.network(imageUrl);
  }
}