flutter显示加载中
时间: 2023-09-03 14:07:54 浏览: 287
要在Flutter应用中显示加载中状态,可以使用一个加载中指示器(loading indicator)来提醒用户应用正在忙于加载数据或执行某个任务。
Flutter提供了一个名为`CircularProgressIndicator`的小部件,用于显示一个圆形的旋转进度条。你可以将它放在屏幕中心或者任何你想要放置的位置。
以下是一个简单的示例代码,演示如何在Flutter应用中显示加载中状态:
```dart
import 'package:flutter/material.dart';
class LoadingScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Loading Screen'),
),
body: Center(
child: CircularProgressIndicator(),
),
);
}
}
void main() {
runApp(MaterialApp(
home: LoadingScreen(),
));
}
```
在上面的代码中,我们创建了一个名为`LoadingScreen`的无状态小部件。在`body`部分,我们将`CircularProgressIndicator`放置在屏幕的中心位置。
你可以根据你的需求对加载中状态进行自定义。例如,你可以更改进度条的颜色、大小和样式等。
希望这个示例能帮助到你在Flutter应用中显示加载中状态!
阅读全文