[amplify_authenticator] Please add more customization to forms

[Poloten]

Description

Please add more customization to forms

Social providers:

1. Add the ability to change the button label from 'Sign In' to either 'Sign Up' or 'Continue'.
2. After pressing the button, no loader is displayed while navigating to the authorization website. Upon returning to the app, no loader is shown — the form is displayed immediately, even before authentication is complete. SignInForm / SignUpForm
3. There is no option to add a prefixIcon to the form field.
4. After SignIn/SignUp Add a custom screen to display information to the user

Categories

• [ ] Analytics
• [ ] API (REST)
• [ ] API (GraphQL)
• [ ] Auth
• [x] Authenticator
• [ ] DataStore
• [ ] Notifications (Push)
• [ ] Storage

Steps to Reproduce

Add SignInForm / SignUpForm to page.

Screenshots

No response

Platforms

• [x] iOS
• [x] Android
• [ ] Web
• [ ] macOS
• [ ] Windows
• [ ] Linux

Flutter Version

3.35.4

Amplify Flutter Version

2.6.5

Deployment Method

Amplify Gen 2

Schema

[mattcreaser]

Thanks for opening this feature request @Poloten. The team will see what they can do here.

[Poloten]

When a user clicks "Log in with Google," confirms their credentials on the page, returns to the app, and then the loader doesn't appear, allowing the user to click "Log in with Google" multiple times. This breaks the behavior and leads to errors.

[tyllark]

Hello @Poloten, could you please open this bug in a new issue so we can track it separately from the feature request. In the new issue please provide the following:

• minimal reproducible example
• your amplify/auth/resource.ts with any sensitive information redacted
• confirm you followed the Platform Setup

[Poloten]

Hello @Poloten, could you please open this bug in a new issue so we can track it separately from the feature request. In the new issue please provide the following:

• minimal reproducible example
• your amplify/auth/resource.ts with any sensitive information redacted
• confirm you followed the Platform Setup

Google Sign-In works, but there's a minor issue with a delay after authentication. I use Authenticator with initialStep: AuthenticatorStep.onboarding. I tap the "Sign in with Google" button, complete authentication, and am automatically redirected back to the app. However, the UI freezes for several seconds (during which the user could tap the sign-in button again), and only after this delay do I actually enter the application. It seems to me that a AuthenticatorStep.loading state is missing here - it should display a loading indicator while the authentication methods are being processed.

Authenticator(
      preferPrivateSession: true,
      initialStep: AuthenticatorStep.onboarding,
      authenticatorBuilder: (context, state) {
        switch (state.currentStep) {
          case AuthenticatorStep.onboarding:
            {
              return StartPage(state: state);
            }
          case AuthenticatorStep.signIn:
            {
              return SignInPage(state: state);
            }
          case AuthenticatorStep.signUp:
            {
              return SignUpPage(state: state);
            }
          case AuthenticatorStep.loading:
            {
              return Scaffold(body: Center(child: CircularProgressIndicator()));
            }
          default:
            return null;
        }
      },


  SocialSignInButtons(providers: [AuthProvider.apple, AuthProvider.google, AuthProvider.facebook]),