Flutter 弹窗系列EasyLoading

EasyLoading 是一个简单好用的加载提示控件，在 Flutter 中可以用来显示加载状态，例如进度条、圆形进度加载器等。

以下是一个使用 EasyLoading 的简单示例：

首先，在 pubspec.yaml 文件中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  # 添加 EasyLoading 依赖
  easy_loading: ^3.0.0

然后，在你的代码中使用 EasyLoading：

import 'package:flutter/material.dart';
import 'package.easy_loading/easy_loading.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}
 
class _HomePageState extends State<HomePage> {
  @override
  void initState() {
    super.initState();
    // 初始化 EasyLoading
    EasyLoading.init();
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('EasyLoading Example'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Show Loading'),
          onPressed: () async {
            // 显示加载状态
            EasyLoading.show(status: '加载中...');
            // 模拟加载过程
            await Future.delayed(Duration(seconds: 2));
            // 关闭加载状态
            EasyLoading.dismiss();
          },
        ),
      ),
    );
  }
}

在这个例子中，我们首先导入了 EasyLoading 插件，然后在 HomePage 的 initState 方法中初始化了 EasyLoading。在按钮点击事件中，我们通过 EasyLoading.show() 显示加载状态，并通过 EasyLoading.dismiss() 关闭加载状态。这只是 EasyLoading 功能的简单展示，实际使用中可以通过不同的配置来定制加载动画和样式。