Flutter中处理SignInScreen内导航的注册操作问题

问题核心在于你只监听了SignedIn状态，但用户注册成功时会优先触发UserCreated状态，而非直接触发登录状态。要实现注册后的提示与跳转，需要添加对UserCreated状态的处理逻辑：

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

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

  @override
  Widget build(BuildContext context) {
    return SignInScreen(
      actions: [
        // 处理注册成功事件
        AuthStateChangeAction<UserCreated>((context, state) async {
          // 1. 显示注册成功提示
          ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(content: Text('注册成功！已发送验证邮件至你的邮箱')),
          );

          // 2. 自动发送邮箱验证邮件
          await state.user.sendEmailVerification();

          // 3. 跳转至邮箱验证页面
          Navigator.pushNamed(context, '/verify-email');
        }),
        // 处理登录事件（原逻辑保留）
        AuthStateChangeAction<SignedIn>((context, state) {
          if (!state.user!.emailVerified) {
            Navigator.pushNamed(context, '/verify-email');
          } else {
            Navigator.pushReplacementNamed(context, '/profile');
          }
        }),
      ],
    );
  }
}

关键逻辑说明： #

• UserCreated状态监听：专门捕获用户完成注册的事件，这是注册流程独有的状态，和登录的SignedIn状态分开触发
• 提示反馈：用ScaffoldMessenger显示全局提示，让用户明确知道注册成功
• 自动发送验证邮件：调用sendEmailVerification()触发Firebase的邮箱验证流程，无需用户手动操作
• 页面跳转：直接引导用户进入邮箱验证页面，完成后续流程

如果不需要自动发送验证邮件，也可以修改跳转逻辑为返回登录页（Navigator.pop(context)），根据你的业务需求调整即可。

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