やってみた03 Flutter マッチングアプリ開発 画面編 その１

概要

ここでは各画面をどのようなデザインで作成したか残していく。
正直センスないので、あまり参考にはならないかも。

ログイン画面

ログイン画面はこんな感じ。
背景はエモい感じにした。

ここからログインした場合はホーム画面へ遷移。
未登録の場合は「登録がまだの方はこちら」をタップして登録画面へ遷移。
パスワード忘れた場合は「パスワードを忘れた方はこちら」をタップしてパスワード再設定用画面へ遷移。

ホーム画面

アカウント登録画面

ここで登録したメールアドレスにメールが届く。

その後、届いたメールから添付されているURLを開いてアカウント情報登録画面へ遷移する。

生年月日はDatePicker、性別はDropdownButtonFormFieldを使用

次にいつでも修正可能な情報を登録する

都道府県、職業はこんな感じ
ここはデザイン的にもっと改良の余地がありそう。

最後に

本日はここまで。
次回はホーム画面について記載していく。