Flutter PINコードなどコード入力画面のライブラリ

今回はPINコードやSMSを使ったワンタイムパスなどの数字のコードを入力する画面を簡単に実装できるライブラリについてです。

まず1つめはpin_code_fieldsというライブラリ。

pin_code_fields | Flutter package
A flutter package which will help you to generate pin code fields. Can be useful for OTP for example.

実装は簡単で基本的にコード入力に必要な機能は網羅されています。カスタマイズ性もあり、自分のアプリにあったデザインのコード入力画面を実装することができます。

2つめはpinputというライブラリ。

pinput | Flutter package
Pin code input (OTP) text field, iOS SMS autofill, Android SMS autofill One Time Code, Password, Passcode, Captcha, Security, Coupon, Wowcher, 2FA, Two step ver...

こちらも機能的にはほとんどpin_code_fieldsと同じものを備えており、シンプルな入力画面を手軽に実装できます。

どちらも組み込むのは簡単なので、実際に触ってみて好きな方を使ってみるといいかと思います。

ぜひ試してみてください。

タイトルとURLをコピーしました