在AlertDialog - Flutter网站中将CircularProgressIndicator居中的方法如下:
下面是一个示例代码:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('AlertDialog - Flutter'),
),
body: Center(
child: RaisedButton(
child: Text('显示对话框'),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('加载中'),
content: Container(
child: Center(
child: CircularProgressIndicator(),
),
),
actions: <Widget>[
FlatButton(
child: Text('关闭'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
},
),
),
);
}
}
在这个示例代码中,我们创建了一个AlertDialog组件,并在content属性中设置了一个Container组件。在Container组件中,使用Center组件将CircularProgressIndicator组件居中显示。当点击按钮时,会显示这个AlertDialog对话框,其中包含一个居中显示的CircularProgressIndicator。用户可以点击对话框中的关闭按钮来关闭对话框。
这个方法可以在需要显示加载中状态的时候使用,例如在网络请求或其他耗时操作期间,向用户展示一个加载中的状态。
领取专属 10元无门槛券
手把手带您无忧上云