Flutter CupertinoAlertDialog Widget使用详解
CupertinoAlertDialog Widget是一个iOS风格的警告框,通常用于向用户显示重要的信息或需要用户确认的操作。
CupertinoAlertDialog Widget具有以下属性:
- title: 一个Widget类型的值,表示警告框的标题。
- content: 一个Widget类型的值,表示警告框的内容。
- actions: 一个Widget类型的列表,表示警告框中的操作按钮。
- scrollController: 一个ScrollController类型的值,表示在警告框中包含可滚动内容时使用的滚动控制器。
- actionScrollController: 一个ScrollController类型的值,表示在警告框中包含可滚动操作按钮时使用的滚动控制器。
下面是一个使用CupertinoAlertDialog Widget的例子:
class CupertinoAlertDialogDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Cupertino Alert Dialog Demo'),
),
body: Center(
child: CupertinoButton(
child: Text('Show Alert'),
onPressed: () {
showCupertinoDialog(
context: context,
builder: (BuildContext context) {
return CupertinoAlertDialog(
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'),
onPressed: () {
// Perform delete operation
Navigator.of(context).pop();
},
isDestructiveAction: true,
),
],
);
},
);
},
),
),
);
}
}
在上面的例子中,我们将CupertinoAlertDialog Widget作为一个对话框显示。当用户点击按钮时,showCupertinoDialog函数将在屏幕上显示一个警告框。警告框中包含一个标题、一个内容和两个操作按钮。单击“Cancel”按钮将关闭警告框,而单击“Delete”按钮将执行删除操作,并关闭警告框。
CupertinoAlertDialog Widget的title和content属性可以是任何Widget类型的值。对于操作按钮,我们可以使用CupertinoDialogAction Widget。CupertinoDialogAction Widget有一个onPressed回调函数,表示单击操作按钮时应该执行的操作。如果isDestructiveAction属性设置为true,则该操作按钮将被标记为破坏性操作,以向用户表示该操作可能会删除或破坏数据。