firebase - 在UI Firebase Auth Flutter中显示异常错误

Question

首先，我是Flutter的新手，我读了很多线程，但一无所获。

我的问题是什么？

我有两个页面 auth.dart 和 login.dart 。在 auth.dart 页面中，我有一个名为 AuthService 的类，该类由以下代码组成(到目前为止):

class AuthService {

  final FirebaseAuth _auth = FirebaseAuth.instance;

  Future<bool> signInWithPhone(String phone, BuildContext context) async {
  ....
      verificationFailed: (AuthException exception) {
        // i can see the exception in debug console using print
        return exception;
      },
  ....
  }

}

在 login.dart 中，我有一个有状态的小部件，看起来像这样，在其中引用了上面的类，并在调用 signInWithPhone 方法:

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreenState createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {

  final AuthService _auth = AuthService();
  ....
  ....
  Container(
    width: double.infinity,
    child: FlatButton(
        child: Text("LOGIN"),
        textColor: Colors.white,
        padding: EdgeInsets.all(16),
        onPressed: () {
            // here i am calling the method signInWithPhone of above class

            final phone = _phoneController.text.trim();
            _auth.signInWithPhone(phone, context);

        }
    )
  )
 ....
 ....
}

我想要什么？

我想显示在登录按钮的onPressed事件中收到的异常错误消息，以便我可以使用该错误消息显示警报对话框。

我尝试过什么？

1) print(_auth.signInWithPhone(phone, context));但是它返回空值；

2)

_auth.signInWithPhone(phone, context).then((value){
   // alert/text/print
   print(value);
   }

这也返回null

谁能帮我解决这个问题，因为如果手机号码不正确或OTP不正确，我需要向用户显示错误消息。

Answer 1

好吧，首先，您需要侦听异常并等待它，可以在期望的情况下返回false，并根据情况进行相应的处理。

您可以返回包含结果和这样的消息的 map

{
  'message': message,
  'success' : true or false depending on the state of the request
}

所以

用 AuthService.dart

 verificationFailed: (AuthException exception) {
        // i can see the exception in debug console using print
        //return exception;
        return {
            'message': exception,
           'success': false
         }; // means verification failed;
 },

用 LoginScreen.dart

void showAlert(message) {
    showDialog(context: context, builder: (context) {
       return AlertDialog(
         title: message,
       );
    });
}

 onPressed: async () {
            // here i am calling the method signInWithPhone of above class

            final phone = _phoneController.text.trim();
            final result = await _auth.signInWithPhone(phone, context);


            if(!result['suceess']) {
                 this.showAlert(result['message']);
             }
        }