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,则该操作按钮将被标记为破坏性操作,以向用户表示该操作可能会删除或破坏数据。

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

results matching ""

    No results matching ""