在颤动中从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> {
  bool isLoading = true;
  String imageUrl;

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

  void loadImage() async {
    // 加载图像的代码，例如从Firebase Storage中获取图像URL
    // 这里使用Firebase Storage作为示例，你可以根据自己的需求使用其他存储服务或自定义的后端逻辑
    StorageReference storageReference = FirebaseStorage.instance.ref().child('images/image.jpg');
    imageUrl = await storageReference.getDownloadURL();

    setState(() {
      isLoading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Loader'),
      ),
      body: Center(
        child: isLoading
            ? CircularProgressIndicator()  // 显示CircularProgressIndicator控件
            : Image.network(imageUrl),  // 加载完成后显示图像
      ),
    );
  }
}