异步代码执行完成后无法跳转至登录视图的问题

核心问题拆解 #

1. 冗余登出调用干扰状态流：deleteUser()内部已执行全局登出，前端重复调用authService.signOut()会造成操作冲突，可能打断Supabase认证状态流的正常推送。
2. 登出操作未异步等待：原deleteUser()里的signOut未加await，导致会话清理未完成就结束方法，状态流可能来不及触发变更。
3. 空值未处理阻塞流程：页面展示用户信息的ListTile直接使用未做空安全判断的会话数据，null异常会中断应用后续逻辑，包括AuthGate的跳转。

具体修复步骤 #

1. 移除冗余的登出调用

修改按钮点击逻辑，删掉重复的登出操作：

TextButton(
  onPressed: () async {
    await authService.deleteUser();
    if (context.mounted) {
      Navigator.pop(context);
    }
  },
  child: const Text('Delete Everything'),
),

2. 修正deleteUser()方法的异步逻辑

给signOut加上await，确保会话清理完成后再返回：

Future<void> deleteUser() async {
  await _supabaseClient.rpc('delete_user');
  await _supabaseClient.auth.signOut(scope: SignOutScope.global);
}

3. 处理页面空值异常

给展示用户信息的ListTile添加空安全判断，避免null崩溃：

ListTile(
  title: const Text('邮箱'),
  subtitle: Text(authService.currentUser?.email ?? '未登录'),
),
ListTile(
  title: const Text('UID'),
  subtitle: Text(authService.currentUser?.id ?? '无'),
),

4. 确认AuthGate的流监听逻辑

检查main.dart中的StreamBuilder是否覆盖所有状态分支：

StreamBuilder<AuthState>(
  stream: supabase.auth.onAuthStateChange,
  builder: (context, snapshot) {
    if (!snapshot.hasData) {
      return const CircularProgressIndicator();
    }
    final authState = snapshot.data!;
    if (authState.session == null) {
      return const LoginPage();
    }
    return const HomePage();
  },
)

原理说明 #

删除用户后，先执行存储过程清理数据库数据，再通过全局登出同步清理所有端的会话，此时onAuthStateChange会推送session为null的AuthState，触发StreamBuilder自动跳转登录页。移除冗余操作、保证异步顺序、处理空安全，能确保整个流程无阻塞地执行。

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