Flutter CupertinoDialog Widget使用详解
CupertinoDialog Widget是一个iOS风格的对话框,通常用于显示重要信息和警告消息。
CupertinoDialog Widget具有以下属性:
- title: 一个Widget类型的值,表示对话框的标题。
- content: 一个Widget类型的值,表示对话框的主要内容。
- actions: 一个包含Widget类型的列表,表示对话框底部的操作按钮。
- scrollController: 一个ScrollController类型的值,表示内容Widget的滚动控制器。
- actionScrollController: 一个ScrollController类型的值,表示操作Widget的滚动控制器。
下面是一个使用CupertinoDialog Widget的例子:
class CupertinoDialogDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Cupertino Dialog Demo'),
),
body: Center(
child: CupertinoButton(
child: Text('Show Dialog'),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) => CupertinoDialog(
title: Text('Delete Item?'),
content: Text('Are you sure you want to delete this item?'),
actions: [
CupertinoDialogAction(
child: Text('Cancel'),
onPressed: () => Navigator.of(context).pop(),
),
CupertinoDialogAction(
child: Text('Delete'),
isDestructiveAction: true,
onPressed: () {
// Perform delete operation
Navigator.of(context).pop();
},
),
],
),
);
},
),
),
);
}
}
在上面的例子中,我们创建了一个CupertinoButton,当用户点击该按钮时,它将打开一个CupertinoDialog,询问用户是否要删除某个项目。对话框有一个标题,一个文本内容和两个操作按钮:取消和删除。删除操作按钮被设置为destructive action,以强调它是一个危险的操作。
CupertinoDialog Widget通常在应用程序中用于警告用户执行某些操作的风险,或者需要用户确认操作的结果的情况下使用。注意,CupertinoDialog Widget的宽度和高度取决于其内容的大小,并且可以自动滚动,以适应较小的屏幕。