🚀

React NativeアプリでiOS のPassword Autofill

2023/04/06に公開

iOS

React Native

tech

入力するusernameとpasswordにtextContentType追加

<Input
  placeholder="email@example.com"
  autoCapitalize="none"
  textContentType="username"
/>
<Input
  placeholder="password"
  autoCapitalize="none"
  secureTextEntry={true}
  textContentType="password"
/>

モバイルプロビジョンで関連ドメインを有効化します。
XCodeで、Associated Domainsを、apple-app-site-associationファイルをホストするサイトを指すように設定してください。
webcredentials:www.example.com
URLのhttps部分は含めず、末尾の/apple-app-site-associationも含めないようにしてください。

apple-app-site-associationファイルを、ウェブサイトのルートディレクトリ"/"に配置し、公開されていることを確認してください。ブラウザにウェブサイトのURLを入力して、末尾に/apple-app-site-associationを追加して、以下のように確認できます。
https://www.example.com/apple-app-site-association
ps：公式推薦のパスはhttps://www.example.com/.well-known/apple-app-site-association
参考にReactJSでapple-app-site-associationファイルの置き方書いてある

参考

Discussion