在 Flutter 的流构建器中使用 Future 构建器是正确的

Question

我的要求是，每当用户使用电话号码进行验证时，它都会在 Firebase 中检查设置为用户电话号码的文档 ID（如果之前登录过）是否存在，如果存在则转到主页然后不会导航到 AccountVerification 页面。

另外，如果用户已经登录但没有验证关闭应用再打开应用，那么有两种情况，一种是用户验证了帐户详细信息，或者在验证过程中没有验证。在这种情况下，我将检查设置为用户电话号码的文档 ID 是否存在（如果存在），然后转到 HomePage 否则 AccountVerification 页面。 这是我的代码，它不能完美运行。任何人都可以建议我什么应该是正确的方法

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

  var globalNumber;
  var Number;
  Firestore firestore = Firestore.instance;


  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    getCurrentUser();



  }

  @override
  Widget build(BuildContext context) {
    print(globalNumber);
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: StreamBuilder<Object>(
        stream: FirebaseAuth.instance.onAuthStateChanged,
          builder: (BuildContext context, snapshot) {
            if (snapshot.hasData) {
              return FutureBuilder(
                  future: Future.wait([

                    firestore.collection('users').document(globalNumber).get()

                  ]),
                  builder: (BuildContext context,
                      AsyncSnapshot<List> snapshot) {
                    DocumentSnapshot doc = snapshot.data[0];
                    if(snapshot.hasData) {
                      if (doc.exists) {
                        return HomePage();
                      }
                      return AccountDetialsPage();
                    }
                    else{
                      return Container(child: Text('Loading'));
                    }
                  }
              );
            } else {
              return Phoneverification();
            }
          }),
    ) ;
  }

  getCurrentUser() async{

    final FirebaseAuth _auth = FirebaseAuth.instance;
    final FirebaseUser user = await _auth.currentUser();
    final uid = user.uid;
    globalNumber = user.phoneNumber;
    
    // Similarly we can get email as well
    //final uemail = user.email;
    print(uid);

  }

}

Answer 1

它不能正常工作，正如它所记录的那样：

“未来一定是更早获得的，例如在 State.initState、State.didUpdateConfig 或 State.didChangeDependencies 期间。在构造 FutureBuilder 时，不能在 State.build 或 StatelessWidget.buildmethod 调用期间创建它。如果 Future 与 FutureBuilder 是同时创建的，那么每次 FutureBuilder 的 parent 重建时，异步任务都会重新启动。”

这意味着当你的未来方法返回一个值时，会发生重建，触发另一个重建。这会创建一个循环。

您应该在initState() 上调用您的未来函数，然后使用该变量在构建方法中使用 FutureBuilder。例如：

    void main() {
      runApp(MyApp());
    }

    class MyApp extends StatefulWidget {
      @override
      _MyAppState createState() => _MyAppState();
    }

    class _MyAppState extends State<MyApp> {

      var globalNumber;
      var Number;
      var user;
      Firestore firestore = Firestore.instance;


      @override
      void initState(){
         super.initState();
         getCurrentUser();
      }


      Widget build(BuildContext context){
        return return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: StreamBuilder<Object>(
          stream: FirebaseAuth.instance.onAuthStateChanged,
          builder: (BuildContext context, snapshot) {
            if (snapshot.hasData) {
              return FutureBuilder(
                  future: user,
                  builder: (BuildContext context,
                      AsyncSnapshot<List> snapshot) {
                    DocumentSnapshot doc = snapshot.data[0];
                    if(snapshot.hasData) {
                      if (doc.exists) {
                        return HomePage();
                      }
                      return AccountDetialsPage();
                    }
                    else{
                      return Container(child: Text('Loading'));
                    }
                  }
              );
            } else {
              return Phoneverification();
            }
        }),
      );
    }

    getCurrentUser() async{

      final FirebaseAuth _auth = FirebaseAuth.instance;
      final FirebaseUser user = await _auth.currentUser();
      final uid = user.uid;
      globalNumber = user.phoneNumber;
    
      // Similarly we can get email as well
      //final uemail = user.email;
      print(uid);
    
      getUserNumber(uid);
    }

    //Make another function that you insert into the getCurrentUser(), like this:
    
    getUserNumber(int uid){
      user = Future.wait([
      firestore.collection('users').document(globalNumber).get()
    ]);
  }