挣扎于 Flutter 中的 authStateChanges

Question

每当用户关闭应用程序时，他们都必须重新登录。我查看并尝试实现 authStateChanges。但是我的应用程序仍然强制用户在关闭应用程序后重新登录。在 App 类中，您可以看到我尝试完全执行 authStateChange，但不幸的是，似乎什么也没发生。

Future<void> main() async {


WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(App());
}

// Firebase Auth Instance
FirebaseAuth auth = FirebaseAuth.instance;

class MyApp extends StatelessWidget {
  final Future<FirebaseApp> _initialization = Firebase.initializeApp();



// This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
  title: 'Tanbo',
  theme: ThemeData(
    primarySwatch: Colors.blue,
  ),
  home: LoginPage(),
);


}
}

// This is the main root screen of the Tanbo app
class App extends StatelessWidget {
  final Future<FirebaseApp> _initialization = Firebase.initializeApp();



@override
  Widget build(BuildContext context) {
    return FutureBuilder(
      // Initialize FlutterFire
      future: _initialization,
  

builder: (context, snapshot) {
    final user = FirebaseAuth.instance.authStateChanges().listen((User user) {
      if (user == null) {
        print('User signed out');
      } else {
        print('User signed in');
      }
    });

    // Check for errors
    if (snapshot.hasError) {
      return ErrorHandler();
    }

    // Once complete, show your application
    if (snapshot.connectionState == ConnectionState.done) {
      // If the user isn't logged in, we will be sent to sign up page.
      if (user != null) {
        return MyApp();
      } else {
        // If the user is logged in, TabHandler will be shown.
        return TabHandler();
      }
    }

    // Otherwise, show something whilst waiting for initialization to complete
    return LoadingHandler();
  },
);


 }
}

Answer 1

问题是您已明确将登录页面设为主页。当应用程序打开时，它会自动读取main.dart 文件并将登录页面视为分配的主页。

这就是你修复它的方法。并且还制作了一个身份验证系统，您可以在应用程序中的任何位置获取登录用户的 ID。

你需要什么：

1. 任何版本的提供程序依赖项。最好是最新的
2. 微笑——别皱眉了。您即将解决问题
3. Firebase 身份验证依赖项。无论哪个版本。我会给你一个修复 对于最新版本，以及明显较旧的版本。

第 0 步：添加所需的依赖项并运行 flutter pub get。这个很简单。

Step1：创建一个auth_services 类： 代码如下

对于旧版本的firebase auth：

import 'package:firebase_auth/firebase_auth.dart';
import 'package:google_sign_in/google_sign_in.dart';

class AuthService {
  final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;
  final GoogleSignIn _googleSignIn = GoogleSignIn();

  Stream<String> get onAuthStateChanged =>
      _firebaseAuth.onAuthStateChanged.map(
            (FirebaseUser user) => user?.uid,
      );

  // GET UID
  Future<String> getCurrentUID() async {
    return (await _firebaseAuth.currentUser()).uid;
  }
}

对于较新版本的 firebase 身份验证依赖项：

class AuthService {
  final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;
  final GoogleSignIn _googleSignIn = GoogleSignIn();

  Stream<User> get onAuthStateChanged => _firebaseAuth.authStateChanges();

  // GET UID
  Future<String> getCurrentUID() async {
    return _firebaseAuth.currentUser.uid;
  }
}

说明：我已经让这个类来处理所有的身份验证功能。我正在制作一个名为 onAuthStateChanged 的​​函数，它返回一个用户类型的流（旧版本的 firebase auth 的 id），我将收听这个流以了解是否有用户登录。

第 2 步：创建将包装整个应用程序的身份验证提供程序，并使其能够在应用程序的任何位置获取我们的用户 ID。

创建一个名为 auth_provider.dart 的文件。 代码如下。

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

class Provider extends InheritedWidget {
  final AuthService auth;
  Provider({
    Key key,
    Widget child,
    this.auth,
  }) : super(key: key, child: child);

  @override
  bool updateShouldNotify(InheritedWidget oldWiddget) {
    return true;
  }

  static Provider of(BuildContext context) =>
      (context.dependOnInheritedWidgetOfExactType<Provider>());
}

下一步是将整个应用程序包装在此提供程序小部件中，并将主控制器设置为主页。

第 3 步：在 main.dart 文件或其他任何地方，创建一个名为 HomeController 的类来处理登录状态，并将 home Controller 设置为分配的主页。

注意：我设置了一个黑色容器，在加载应用程序时显示，以确定用户是否登录。这是一个相当快的过程，但如果您愿意，您可以将其设置为应用程序主题颜色的容器。您甚至可以将其设置为启动画面。 （请注意。这个容器最多显示大约 1 秒。根据我的经验）

代码如下： 导入所有必要的东西

void main() {
 //WidgetsFlutterBinding.ensureInitialized();
 // await Firebase.initializeApp();
//only add these if you're on the latest firebase
  runApp(MyApp());
}

 class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Provider(
      auth: AuthService(),
      child: MaterialApp(
            title: 'Dreamora',
            theme: ThemeData(
              // fontFamily: "Montserrat",
              brightness: Brightness.light,
              inputDecorationTheme: InputDecorationTheme(
                contentPadding:
                    EdgeInsets.only(top: 10, bottom: 10, left: 10, right: 10),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(5.0),
                ),
              ),
              primarySwatch: Colors.purple,
              visualDensity: VisualDensity.adaptivePlatformDensity,
            ),
            home: HomeController(),
          );
        },
      ),
    ),}
//(I think i have messed up the brackets here, but, you get the 
//gist)

class HomeController extends StatelessWidget {
  const HomeController({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final AuthService auth = Provider.of(context).auth;

    return StreamBuilder(
      stream: auth.onAuthStateChanged,
      builder: (context, AsyncSnapshot<String> snapshot) {
        if (snapshot.connectionState == ConnectionState.active) {
          final bool signedIn = snapshot.hasData;
          return signedIn ? DashBoard() : FirstView();
        }
        return Container(
          color: Colors.black,
        );
      },
    );
  }
}

说明：家庭控制器只是一个 Steam 生成器，它监听我们所做的 auth 更改。如果有任何东西，则用户已登录。如果没有，则他已注销。相当简单。尽管在确定用户的登录状态之间存在 1 秒的延迟。苏，那段时间我要退回一个黑色的容器。用户在打开应用程序后会看到屏幕变黑约一秒钟，然后出现轰鸣声。主页

重要提示：您应该使用提供程序包装整个应用程序。这个很重要。不要忘记它。

如何在应用程序中的任意位置获取用户 ID

Provider.of(context).auth.getCurrentUID()

给你。享受

[编辑]正如 L. Gangemi 所说，新版本的 Firebase 身份验证返回用户流。所以将家庭控制器代码编辑为

builder: (context, AsyncSnapshot<User> snapshot) {

Answer 2

我认为由于这个问题它不起作用 - https://github.com/FirebaseExtended/flutterfire/issues/3356

通过将 firebase-app.js 和 firebase-auth.js 版本降级到 7.20.0 解决

并用 userChanges() 替换 authStateChanges() 方法

 FirebaseAuth.instance
     .userChanges()
     .listen((User user) {
         if (user == null) {
             print('User is currently signed out!');
         } else {
             print('User is signed in!');
         }
});

Answer 3

使用

FirebaseAuth.instance
  .authStateChanges()
  .listen((User user) {
    if (user == null) {
      print('User is currently signed out!');
    } else {
      print('User is signed in!');
    }
  });