当页面数据未从Firebase完全加载时显示加载指示器/spinner - Flutter

import 'package:flutter/material.dart';

class MyPage extends StatefulWidget {
  @override
  _MyPageState createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {
  bool isLoading = true; // 是否正在加载数据

  @override
  void initState() {
    super.initState();
    loadDataFromFirebase(); // 从Firebase加载数据
  }

  void loadDataFromFirebase() {
    // 模拟加载数据的过程
    Future.delayed(Duration(seconds: 2), () {
      setState(() {
        isLoading = false; // 数据加载完成
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My Page'),
      ),
      body: Center(
        child: isLoading
            ? CircularProgressIndicator() // 显示加载指示器
            : Text('Data loaded from Firebase'), // 数据加载完成后显示内容
      ),
    );
  }
}