Flutter EasyLoading: 简洁高效的加载提示解决方案
import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('EasyLoading 示例'),
),
body: Center(
child: ElevatedButton(
child: Text('显示加载提示'),
onPressed: () async {
// 显示加载提示
EasyLoading.show(status: '加载中...');
// 模拟加载任务,这里使用延迟
await Future.delayed(Duration(seconds: 2));
// 关闭加载提示
EasyLoading.dismiss();
},
),
),
);
}
}
这段代码演示了如何在Flutter应用中使用EasyLoading插件来显示加载提示。首先,我们创建了一个按钮,当按钮被按下时,我们通过调用EasyLoading.show()
来显示加载提示,并在2秒后调用EasyLoading.dismiss()
来关闭提示。这个例子简单明了,展示了如何在实际应用中集成和使用EasyLoading来提高用户体验。
评论已关闭