Flutter CupertinoDialogAction Widget使用详解

CupertinoDialogAction Widget是一个iOS风格的对话框操作按钮,通常用于在CupertinoDialog Widget中显示。

CupertinoDialogAction Widget具有以下属性:

  • child: 一个Widget类型的值,表示操作按钮的显示文本或图标。
  • onPressed: 一个可选的void回调函数,表示用户点击按钮后要执行的操作。
  • isDefaultAction: 一个可选的bool值,表示此操作按钮是否是默认操作。默认操作通常是用户可以使用键盘操作的操作,如Enter键。
  • isDestructiveAction: 一个可选的bool值,表示此操作按钮是否会执行破坏性操作。破坏性操作通常是不可撤销的操作,例如删除文件。

下面是一个使用CupertinoDialogAction 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();
                    },
                  ),
                ],
              ),
            );
          },
        ),
      ),
    );
  }
}

在上面的例子中,我们在CupertinoDialog Widget中使用了两个CupertinoDialogAction Widget。第一个操作按钮标记为取消,没有任何操作,只需关闭对话框。第二个操作按钮标记为删除,被设置为destructive action,并将执行删除操作。

CupertinoDialogAction Widget通常用于在CupertinoDialog Widget中提供用户操作的方式。注意,通常情况下,至少需要一个操作按钮来关闭对话框。

powered by Gitbook© 2023 编外计划 | 最后修改: 2023-11-24 03:36:59

results matching ""

    No results matching ""