Flutter AlertDialog报错求解：如何获取按钮点击结果

核心错误分析 #

你的confirmalertdialogwidget函数声明返回Future<field>，但内部没有返回showDialog的执行结果，导致Dart编译器报错。另外，开启barrierDismissible: true后，点击对话框外部会返回null，直接赋值给非空的field类型变量也会触发错误。

修复后的完整代码 #

import 'dart:async';
import 'package:flutter/material.dart';

class DayThirteen extends StatelessWidget {
  const DayThirteen({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: AlertWidget(),
    );
  }
}

class AlertWidget extends StatelessWidget {
  AlertWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Day Thirteen (Alert Widget)'),
      ),
      body: Center(
        child: ElevatedButton(
          style: ElevatedButton.styleFrom(backgroundColor: Colors.blue),
          onPressed: () async {
            final Field? userChoice = await confirmAlertDialogWidget(context);
            if (userChoice != null) {
              print("User Selection: $userChoice");
            } else {
              print("User dismissed the dialog");
            }
          },
          child: const Text('Basic AlertDialog'),
        ),
      ),
    );
  }
}

// 遵循Dart命名规范，枚举名首字母大写
enum Field { confirm, accept }

Future<Field?> confirmAlertDialogWidget(BuildContext context) async {
  // 返回showDialog的执行结果，匹配函数声明的Future类型
  return showDialog<Field>(
    barrierDismissible: true,
    context: context,
    builder: (BuildContext context) {
      return AlertDialog(
        title: const Text('Confirm'),
        content: const Text('This is for notification purpose!!!!'),
        actions: [
          ElevatedButton(
            style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
            onPressed: () {
              Navigator.of(context).pop(Field.confirm);
            },
            child: const Text("Cancel"),
          ),
          ElevatedButton(
            onPressed: () {
              Navigator.of(context).pop(Field.accept);
            },
            child: const Text('Accept'),
            style: ElevatedButton.styleFrom(backgroundColor: Colors.blue),
          )
        ],
      );
    },
  );
}

关键修改点 #

1. 补全返回值：在confirmAlertDialogWidget函数中添加return关键字，返回showDialog的执行结果，让函数返回类型与声明一致。
2. 处理空值场景：将函数返回类型改为Future<Field?>（可空类型），调用时判断结果是否为null，避免点击对话框外部关闭时的报错。
3. 规范命名：调整类名、枚举名、函数名符合Dart的大驼峰/小驼峰命名规则，提升代码可读性。
4. 性能优化：对静态文本和无状态组件构造器添加const关键字，减少不必要的组件重建。

内容的提问来源于stack exchange，提问作者motinurr