Flutter集成Amazon Cognito认证遇无限加载问题求助

1. 检查AuthService中authStateChanges的实现 #

确保authStateChanges正确监听Cognito状态变化，避免过滤掉初始空状态导致流无输出：

• 确认Amplify已完成初始化，auth_service.dart中需包含正确的初始化逻辑，且处理初始化异常
• 调整流的映射逻辑，不要过滤未登录状态的null值，确保初始状态能触发事件：

Stream<AuthUser?> get authStateChanges {
  return Amplify.Auth.authStateChanges()
      .map((AuthState state) {
        print("Auth state update: ${state.user}"); // 加日志调试
        return state.user;
      });
}

2. 补充初始用户状态预检查 #

StreamBuilder依赖流事件触发，但未登录时Cognito不会主动发送null事件，需结合FutureBuilder提前获取初始用户状态：

// 在main.dart的路由入口或状态管理组件中使用
FutureBuilder<AuthUser?>(
  future: authService.getCurrentUser(),
  builder: (context, futureSnapshot) {
    if (futureSnapshot.connectionState == ConnectionState.waiting) {
      return const CircularProgressIndicator();
    }
    return StreamBuilder<AuthUser?>(
      stream: authService.authStateChanges,
      initialData: futureSnapshot.data,
      builder: (context, streamSnapshot) {
        final user = streamSnapshot.data;
        return user != null ? HomeScreen() : LoginScreen();
      },
    );
  },
)

3. 修正GoRouter路由守卫逻辑 #

避免路由守卫因等待认证状态陷入死循环，在守卫中同步处理初始状态：

// GoRouter配置示例
final router = GoRouter(
  initialLocation: '/splash',
  routes: [
    GoRoute(
      path: '/splash',
      builder: (context, state) => SplashScreen(),
    ),
    GoRoute(
      path: '/login',
      builder: (context, state) => LoginScreen(),
    ),
    GoRoute(
      path: '/home',
      builder: (context, state) => HomeScreen(),
      redirect: (context, state) async {
        final user = await authService.getCurrentUser();
        return user == null ? '/login' : null;
      },
    ),
  ],
);

在SplashScreen中完成Amplify初始化和初始用户检查后，再跳转至对应页面。

4. 完善AuthController状态同步 #

如果使用Controller封装认证状态，需主动触发初始用户查询并监听流变化：

class AuthController extends ChangeNotifier {
  final AuthService _authService;
  AuthUser? _user;

  AuthController(this._authService) {
    // 监听状态变化
    _authService.authStateChanges.listen((user) {
      _user = user;
      notifyListeners();
    });
    // 主动获取初始用户
    _fetchCurrentUser();
  }

  Future<void> _fetchCurrentUser() async {
    _user = await _authService.getCurrentUser();
    notifyListeners();
  }
}

5. 确认Amplify初始化时机 #

在main函数中确保Amplify完成初始化后再启动应用：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  try {
    await Amplify.configure(amplifyconfig);
  } on AmplifyAlreadyConfiguredException {
    // 忽略重复初始化
  } catch (e) {
    print("Amplify初始化失败: $e");
  }
  runApp(const MyApp());
}

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