How I can modify the error message in a flutter firebase-ui screen?

Question

I am using the official firebase-ui example from here: https://github.com/firebase/flutterfire/tree/master/packages/firebase_ui_auth/example

When my cloud functions return an error, the error is shown in the UI explicitly:

Instead, I want to modify the message to be more user friendly based on the error that I get. Unfortunately, I have not found a way to do that. Can anyone please help?

Andrei Lesnitsky · Accepted Answer · 2023-11-16 00:22:55Z

1

There's now a way to customize any error message.

API docs:

Example:

ErrorText.localizeError = (BuildContext context, FirebaseAuthException e) {
  // I'm assuming this should be the code, but it might be different
  if (e.code == -47) return 'Custom message goes here';
  
  final defaultLabels = FirebaseUILocalizations.labelsOf(context);
  return localizedErrorText(e.code, defaultLabels);
}

answered Nov 16, 2023 at 0:22

Andrei Lesnitsky

1,0988 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michele Paglialonga Over a year ago

I solved it by putting ErrorText inside the actions actions: [ AuthStateChangeAction<AuthFailed>((context, state) { <code here> }), ]

Collectives™ on Stack Overflow

How I can modify the error message in a flutter firebase-ui screen?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related