从 Firebase 获取数据时如何显示加载屏幕

Question

在这里，我想在我们从 firebase 获取数据时显示 spinkit 或任何一些文本。 现在我在登录时没有得到 spinkit。所以请帮助我。

TextButton(
                      onPressed: () {
                        FutureBuilder(
                          future: loadFirebase(),
                          builder: (context,datasnap){
                            if(datasnap.connectionState==ConnectionState.waiting){
                              return SpinKitRotatingCircle(
                                duration: Duration(seconds: 1),
                                size: 50,
                              );
                            }
                            else if(datasnap.connectionState==ConnectionState.active){
                              return SpinKitRotatingCircle(
                                duration: Duration(seconds: 2),
                                size: 50,
                              );
                            }
                            else if(datasnap.connectionState==ConnectionState.none){
                              return Text('nulll');
                            }
                            else return Text('else null');

                          }
                        );
                      },
                      child: Text(
                        'Sign-in',
                        style: TextStyle(
                          fontSize: 17,
                          color: Colors.white,
                        ),
                      ),
                  ),

下面是我在 onpressed 中使用的 loadfirebase 函数。

 Future<void> loadFirebase() async {
    FirebaseAuth.instance.signInWithEmailAndPassword(email: User_email_id.text, password: user_Passowrd.text)
        .then((value) => {
      Navigator.push(
          context,
          MaterialPageRoute(builder: (context)=>Page_First())
      )
    }).catchError((e){
      Fluttertoast.showToast(msg: e!.message);
    });
  }

Answer 1

您需要在 loadFirebase 函数中等待 signInWithEmailAndPassword 调用：

Future<void> loadFirebase() async {
  try {
    await FirebaseAuth.instance.signInWithEmailAndPassword(email: User_email_id.text, password: user_Passowrd.text);
    Navigator.push(context, MaterialPageRoute(builder: (context)=>Page_First());
  } catch (error, trace){
    Fluttertoast.showToast(msg: e!.message);
  }
}