👌

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

2024/07/17に公開

概要

今回は前回の続きのホーム画面周りのデザインを載せていく
https://zenn.dev/programmer_1484/articles/58488161c9fba9

通知一覧画面

ここは通知一覧が表示される。
主に運営からの連絡や参加可否の連絡がくる仕様。

一覧をタップすると、通知の詳細を見ることができる。

プロフィール画面

ここはログインユーザーのプロフィール画面が表示される。

右上の設定アイコンボタンをタップするとプロフィール編集画面に遷移して、プロフィールを修正することができる。

マッチング投稿画面

ここではマッチング投稿を入力し、投稿する。
入力情報としては
・マッチングタイトル
・人数(男女別) ※ここは上限人数は確定で、男女の比率は投稿者が判断する
・目的
・集合場所 県のみ指定して、あとは建物名で指定する ここはgooglemapのAPIを使用してGoogleマップに飛べるようにする。もし場所が分からなければグループチャットでやり取りする。
・コメント


本日はここまで。
画面系は全部説明したかなと。(後の細かいところは後々記事更新)
次回以降はバックエンドの処理について書いていく。

Discussion