Flutter中点击导航抽屉菜单图标时，未保存编辑需确认的实现问题

要实现这个需求，核心思路是替换AppBar默认的抽屉导航图标，自定义它的点击事件逻辑，具体步骤如下：

1. 跟踪编辑状态 #

在页面的State类中定义布尔变量，标记是否存在未保存的编辑内容：

bool _isDirty = false;

用户修改数据时将变量设为true，保存操作完成后设为false。

2. 自定义AppBar的leading组件 #

默认抽屉图标由AppBar自动生成，我们手动指定leading属性替换为自定义IconButton，以此完全控制点击行为：

AppBar(
  leading: Builder(
    builder: (context) {
      return IconButton(
        icon: const Icon(Icons.menu), // 保持和默认抽屉图标一致
        onPressed: () => _handleDrawerTap(context),
      );
    },
  ),
  // 其他AppBar配置项...
)

用Builder包裹是为了获取Scaffold的子上下文，确保能正确调用Scaffold.of(context)。

3. 实现点击逻辑与确认对话框 #

编写_handleDrawerTap方法，判断是否存在未保存内容，再决定弹出确认框或直接打开抽屉：

void _handleDrawerTap(BuildContext context) {
  if (_isDirty) {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('确认离开'),
        content: const Text('你有未保存的修改，确定要离开吗？'),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context), // 关闭对话框，留在当前页面
            child: const Text('取消'),
          ),
          TextButton(
            onPressed: () {
              Navigator.pop(context); // 先关闭对话框
              Scaffold.of(context).openDrawer(); // 再打开抽屉
              // 可选：若需要离开后重置编辑状态，可在此设置_isDirty = false;
            },
            child: const Text('确定'),
          ),
        ],
      ),
    );
  } else {
    Scaffold.of(context).openDrawer(); // 无未保存内容，直接打开抽屉
  }
}

4. 替代方案：使用GlobalKey获取ScaffoldState #

如果不想用Builder，也可以给Scaffold设置GlobalKey，通过key直接获取状态：

final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

// build方法中：
Scaffold(
  key: _scaffoldKey,
  appBar: AppBar(
    leading: IconButton(
      icon: const Icon(Icons.menu),
      onPressed: _handleDrawerTap,
    ),
  ),
  drawer: const Drawer(), // 你的抽屉内容
)

// 修改_handleDrawerTap方法：
void _handleDrawerTap() {
  if (_isDirty) {
    // 弹出确认对话框逻辑...
    // 确认后打开抽屉：
    _scaffoldKey.currentState?.openDrawer();
  } else {
    _scaffoldKey.currentState?.openDrawer();
  }
}

这种方式能精准控制抽屉图标的点击行为，比依赖页面弹出的方案更直接，完全匹配需求场景。

内容的提问来源于stack exchange，提问作者Rafael Morales Gamboa