Flutter账号删除报错：空上下文与已销毁组件访问问题解决

一、点击「Cancel」按钮触发「Null check operator used on a null value」错误 #

原因分析 #

从错误栈可知，报错发生在Navigator.pop(context, false)行：你在对话框按钮的onPressed中使用了外部传入的context（即deleteUserAccount方法的参数context），而非对话框builder内部的context。当对话框弹出后，外部的导航抽屉可能已关闭，对应widget状态变更导致该context失效，调用Navigator.pop时触发空指针检查错误。

修复方案 #

在对话框的builder函数中使用内部生成的context执行Navigator.pop，确保操作的是对话框所在的导航栈。

二、点击「Delete」按钮触发「Looking up a deactivated widget's ancestor is unsafe」错误 #

原因分析 #

报错指向Provider.of<DeleteAccountProvider>(context, listen: false)：异步操作（如await SharedPreferences.getInstance()）完成后，原context对应的widget（导航抽屉）可能已被deactivated（比如已关闭），此时通过该context查找Provider会被Flutter判定为不安全操作——因为widget树状态已不稳定。

修复方案 #

1. 提前获取所需的Provider实例，避免异步操作后context失效；
2. 提前读取用户token、邮箱等信息，减少异步操作后的context依赖；
3. 异步操作后检查mounted状态，确保widget仍处于活跃状态。

完整修正代码 #

class _NavigationDrawerWidgetState extends State<NavigationDrawerWidget> {
  void selectedItem(BuildContext context, int index) {
    Navigator.of(context).pop();
    widget.callBack?.call();
    switch (index) {
      case 0:
        Navigator.push(context, MaterialPageRoute(builder: (context) => const ChangePassword()));
        break;
      case 1:
        Navigator.push(context, MaterialPageRoute(builder: (context) => const ContactUs()));
        break;
      case 2:
        Navigator.push(context, MaterialPageRoute(builder: (context) => const AboutUs()));
        break;
      case 3:
        Navigator.push(context, MaterialPageRoute(builder: (context) => const AboutUs()));
        break;
      case 4:
        logout();
        break;
      case 5:
        deleteUserAccount(context);
        break;
    }
  }

  Future<void> deleteUserAccount(BuildContext context) async {
    // 提前获取Provider实例，规避异步操作后context失效问题
    final deleteAccountProvider = Provider.of<DeleteAccountProvider>(context, listen: false);
    final userProvider = Provider.of<UserProvider>(context, listen: false);
    final email = userProvider.user?.email ?? '';
    
    // 提前读取用户token
    SharedPreferences prefs = await SharedPreferences.getInstance();
    String userToken = prefs.getString('user_login_token') ?? '';

    final confirmed = await showDialog(
      context: context,
      builder: (dialogContext) { // 使用对话框内部的context
        return CupertinoAlertDialog(
          title: const Text('Confirm Account Deletion'),
          content: const Text('Are you sure you want to delete your account? This action cannot be undone.'),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(dialogContext, false), // 用dialogContext关闭对话框
              child: const Text('Cancel'),
            ),
            TextButton(
              onPressed: () => Navigator.pop(dialogContext, true), // 用dialogContext关闭对话框
              child: const Text('Delete'),
            ),
          ],
        );
      },
    );

    if (confirmed != null && confirmed) {
      // 检查widget是否仍活跃，避免操作已销毁的widget
      if (!mounted) return;
      
      final success = await deleteAccountProvider.deleteAccount(context, userToken, email);
      if (success) {
        logout();
      }
    }
  }

  Future<void> logout() async {
    final prefs = await SharedPreferences.getInstance();
    if (kDebugMode) {
      print('Language Code After Logout: ${prefs.getString('languageCode')}');
    }
    if (mounted) {
      context.read<UserProvider>().clearUserData();
    }
    await prefs.remove("user_login_token");
    if (mounted) {
      Navigator.pushAndRemoveUntil(
        context,
        MaterialPageRoute(
          builder: (context) => const OnBoardingScreen(),
        ),
        (route) => false,
      );
    }
  }
}

额外注意事项 #

• 对话框类临时弹窗，务必使用builder内部的context操作导航，避免依赖外部可能失效的context；
• State类中执行异步操作后，必须先检查mounted状态，再进行context相关操作；
• 尽量提前获取Provider、用户数据等依赖，减少异步操作后的context依赖。

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