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的宽度和高度取决于其内容的大小,并且可以自动滚动,以适应较小的屏幕。

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

results matching ""

    No results matching ""