🙄

React Native版Amplify AuthenticatorのフィールドをEmail/Passwordのみにする

2022/02/03に公開

React Native版Amplify Authenticator コンポーネントにパラメータヘルがあって

  • SignUp,SignInでコンポーネントを共有する
  • UsernameをEmailのエイリアスにする
  • Phone Number認証を外す

の3つの条件を揃えるための設定をソースコードを調べて特定できたので記録する。

export default withAuthenticator(App, {
  usernameAttributes: "email",
  signUpConfig: {
    hiddenDefaults: ['phone_number'],
  },
})

SignIn

SignUp

実装を見る箇所

NOTE

JavaScriptコンポーネントは Amplify UI で現在クロスフレームワーク化されており、そのうちReact NativeのAuthenticatorも新バージョンの移行が必要になるかもしれない

Discussion

ログインするとコメントできます