时间戳

首页 > 解决方案 > 如何使用 firebase_auth 和 provider 检测身份验证更改

flutter - 如何使用 firebase_auth 和 provider 检测身份验证更改

问题描述

我的Auth提供者类中有这个简单的登录方法

  Future login(String email, String password) async {
    try {
      AuthResult result = await _firebaseAuth.signInWithEmailAndPassword(
          email: email, password: password);
      FirebaseUser user = result.user;
      var _tokenServer = await user.getIdToken();
      _token = _tokenServer.token;
      _userId = user.uid;
      notifyListeners();
      print("logged in");
      return user.uid;
    } catch (e) {
      print(e);
    }
  }
}

这个吸气剂

 bool get isAuth {
    return _token != null;
  }

这是我的主要

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider.value(
          value: Auth(),
        ),
      ],
      child: Consumer<Auth>(
        builder: (ctx, auth, _) => MaterialApp(
          title: 'Flutter Demo',
          // theme: ThemeData(
          //   // primarySwatch: Colors.blue,
          // ),
          theme: ThemeData.dark(),
          home: auth.isAuth ? HomeScreen() : LoginScreen(),
        ),
      ),
    );
  }

如果我登录，我可以获得所有数据（令牌、ID 等），但页面不会改变，我会停留在登录页面。我究竟做错了什么？

编辑：我现在看到我可以重定向到主屏幕，但我需要按后退按钮才能进入主屏幕

标签： flutterdartfirebase-authenticationflutter-provider

解决方案

实际上，您不会将整个应用程序包装在Consumer. 该home属性不会刷新以更改主要路线。你可以改为这样做。

例子：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider.value(
          value: Auth(),
        ),
      ],
      child: MaterialApp(
        title: 'Flutter Demo',
        // theme: ThemeData(
        //   // primarySwatch: Colors.blue,
        // ),
        theme: ThemeData.dark(),
        home: Consumer<Auth>(
          builder: (ctx, auth, _) {
            return auth.isAuth ? HomeScreen() : LoginScreen();
          },
        ),
      ),
    );
  }
}

希望有帮助！

推荐阅读