简介

showDialog 是 Flutter 中用于显示对话框的函数。对话框是一种常用的用户界面元素，用于在应用程序中显示信息、接收用户输入或进行选择。showDialog 函数允许你轻松地创建和显示不同类型的对话框。

用法介绍

以下是 showDialog 函数的基本用法和参数：

showDialog(
  context: context, // 上下文，通常传递当前页面的上下文
  builder: (BuildContext context) {
    return AlertDialog(
      title: Text("标题"),
      content: Text("内容"),
      actions: <Widget>[
        TextButton(
          child: Text("取消"),
          onPressed: () {
            Navigator.of(context).pop(); // 关闭对话框
          },
        ),
        TextButton(
          child: Text("确定"),
          onPressed: () {
            // 处理确定按钮的逻辑
            Navigator.of(context).pop(); // 关闭对话框
          },
        ),
      ],
    );
  },
);

上述代码中，showDialog 接受一个 context 参数，通常是当前页面的上下文，以便确定在哪里显示对话框。然后，它接受一个 builder 参数，该参数是一个回调函数，用于构建对话框的内容。在 builder 中，你可以创建对话框的外观和交互方式。在示例中，我们使用了 AlertDialog 小部件来创建一个简单的对话框，包括标题、内容和操作按钮。

对话框通常包括两种类型的按钮：取消按钮和确认按钮。在示例中，我们使用 TextButton 小部件来创建这些按钮，并指定按钮上的文本和按下按钮时要执行的操作。通常，确定按钮将包括一些逻辑操作，而取消按钮用于关闭对话框。

当用户与对话框交互时，你可以在按钮的 onPressed 回调中执行适当的操作，然后使用 Navigator.of(context).pop() 来关闭对话框。

showDialog 函数的灵活性使你能够创建各种类型的对话框，包括警告、确认、选择和自定义对话框，以满足你的应用程序需求。它是构建用户友好的交互界面的重要工具。