隐藏使用 Authenticator UI 库在 Flutter 上使用 Amplify 创建帐户

Question

我有一个使用 Amplify Authenticator UI 库的 Flutter 应用程序，我正在尝试找到一种方法来禁用或隐藏“创建帐户”区域。有人知道这是否可能吗？

提前致谢。

Answer 1

您可以为身份验证器小部件提供自定义 authenticatorBuilder，它会覆盖整个布局，包括登录/创建帐户标题。

他们在完全 UI 自定义 (https://ui.docs.amplify.aws/components/authenticator?platform=flutter#full-ui-customization) 下的文档中显示的默认选项足以将其删除 - 您仍然可以获得原始的 SignInForm。

return Authenticator(
      authenticatorBuilder: (context, state) {
        switch (state.currentStep) {
          case AuthenticatorStep.signIn:
            return Scaffold(
              appBar: AppBar(title: const Text('My App')),
              body: Padding(
                padding: const EdgeInsets.all(16),
                child: Column(
                  children: [
                    // flutter logo
                    const Center(child: FlutterLogo(size: 100)),
                    // prebuilt sign in form from amplify_authenticator package
                    SignInForm(),
                  ],
                ),
              ),
            );
          default:
            return null;
        }
      },
      child: ...
    );
  }
}

隐藏使用 Authenticator UI 库在 Flutter 上使用 Amplify 创建帐户

Hide Create Account with Amplify on Flutter using Authenticator UI library

flutter

aws-amplify