Question

我一直在尝试根据FirebaseAuth的值来确定在我的应用中设置导航的正确方法（即：仅在用户登录后导航用户）

所以我创建了一个我有3个课程的场景，我将首先列出我的测试用例，然后讨论我最后面临的问题。

User类是我的应用中的第一个页面，它在检查是否有currentUser之后绘制了小部件

    class User extends StatefulWidget {
      @override
      _UserState createState() => new _UserState();
    }

    class _UserState extends State<User> {
       FirebaseUser _user;


      @override
      initState() {
        super.initState();
        _checkUser();
      }

      @override
      Widget build(BuildContext context) {
        return _user == null? new SignInPage(): new HomePage();
      }

      _checkUser ()async {
        FirebaseUser user = await FirebaseAuth.instance.currentUser();
        setState((){
          this._user = user;
        });

      }
    }

当应用首次启动时，它会加载SignInPage，因为没有用户数据：

class SignInPage extends StatefulWidget {
  @override
  _SignInPageState createState() => new _SignInPageState();
}

class _SignInPageState extends State<SignInPage> {

  final FirebaseAuth _auth = FirebaseAuth.instance;
  final GoogleSignIn _googleSignIn = new GoogleSignIn();


   _handleSignIn() async{

    final GoogleSignInAccount googleUser = await _googleSignIn.signIn();
    final GoogleSignInAuthentication googleAuth =
    await googleUser.authentication;
    final FirebaseUser user = await _auth.signInWithGoogle(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    );
    assert(user.email != null);
    assert(user.displayName != null);
    assert(!user.isAnonymous);
    assert(await user.getToken() != null);
    print (user);

         }
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
            title: new Text("Sign In"),
            centerTitle: true,
            leading: new Container(),
            backgroundColor: new Color.fromARGB(255,17,165,137)),
        body: new Container(
            child: new Center(
                child:
                new Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    new Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      mainAxisSize: MainAxisSize.max,
                      children: <Widget>[new RaisedButton(
                          child: new Container(
                              child: new Row(children: <Widget>[
                                new Container(
                                    child: new Image(
                                      image: new NetworkImage(
                                          "https://maxcdn.icons8.com/Share/icon/Logos//google_logo1600.png"),
                                    ),
                                    margin: new EdgeInsets.only(right: 8.0)),
                                new Text("Login with Google", style: new TextStyle(color: Colors.redAccent)),
                              ], mainAxisAlignment: MainAxisAlignment.center)),
                          onPressed: (){_handleSignIn().whenComplete((){Navigator.of(context).pushNamed("/Home");});}

                          ,color: Colors.white),
                      ],),
                    new Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      mainAxisSize: MainAxisSize.max,
                      )


                  ],
                )
            )
        )
    );
  }


}

这是我的HomePage类，只有在验证身份验证后才能访问;我的主页在中心位置包含RaisedButton，其中Text的孩子属于当前用户的displayName，onPressed()的动作可调用_signOut()方法并返回SignInage

final GoogleSignIn _googleSignIn = new GoogleSignIn();


class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => new _HomePageState();
}

class _HomePageState extends State<HomePage> {
  FirebaseUser _currentUser;

  initState() {
    super.initState();
    _myUser();
  }
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Hello:)"),
      ),
      body: new Center(
        child: new RaisedButton(child: new Text(_currentUser.displayName),
            onPressed: (){_signOut().whenComplete((){Navigator.of(context).pushNamed("/SignInPage");});})
      ),
    );
  }
  _signOut() async {
    await FirebaseAuth.instance.signOut();

    await _googleSignIn.signOut();

    return "Signed out";
  }

   _myUser()async {
    FirebaseUser user = await FirebaseAuth.instance.currentUser();

    setState((){
      this._currentUser = user;
    });
  }


}

问题：

当应用首次启动时，它正常加载SignInPage，但是当我成功登录到我的Google帐户时，由于displayName was called on Null而导致我冻结，因为Home在导航发生之前，那个颤抖没有足够的时间来准备用户数据，我猜这是因为第2点和第3点会发生什么。
重新启动应用并保留以前的身份验证会话时，应用会自动从RaisedButton页面开始，并正确显示displayName。
在同一个会话中，我点击SignInPage注销并正确导航回Home，我尝试再次登录，我们又回到了主要问题，它在获得displayName之前尝试将我导航到我的currentUser。

这就是我理解这个问题的方法，所以我在这里做错了什么以及如何设计正确的流程？

P.S：我想这样做的原因是因为我想在我的HomePage中使用'package:test/SignInScreen.dart': Failed assertion: line 26: 'user.email != null': is not true.的一些数据。

更新

控制台打印以下内容：

assert

这是_handleSignIn中的len语句。

我也试过创建一个pre-Home页面，出现同样的问题，我不确定现在有什么问题。

Answer 1

我建议使用FutureBuilder FirebaseAuth.instance.currentUser()作为future参数。然后，如果builder的{{1}}属性为false，则在hasData方法中，您知道窗口小部件仍在加载，您应该显示占位符。 AsyncSnapshot完成后，您可以使用Future的{{1}}属性获取data。

或者，您可以检查AsyncSnapshot方法中FirebaseUser是否为空，并返回空容器，因为用户信息尚不可用。

如何正确设置基于身份验证的导航

1 个答案: