概要
モバイルアプリを作っていて、画像のupload機能をつけてみたいと、
思い、今回プロフィール画像を保存できるアプリを作ってみました。
結構むずかして、苦戦しましたがなんとか動くものを作れました。

機能
画像の保存・表示・編集・削除ができます。
ログインとログイン後の状態を保存する機能があります。
ユーザー毎に、画像とプロフィールのデータを保存することができます。

注意点
画像によっては、uploadできないものもあるようです!
今回は、画像のupload機能を作るのを体験してもらいたいと思って作ってみましたので、本格的な機能は省いています。

追加情報
2023/4/6 (木)に新しいソースコードを書いて内容を追加しました。こちらは、ロジックを持っているクラスをflutter_riverpodのProviderで呼び出して使用しています。
アプリにセキュリティールールの追加もいたしました。

2023/4/19 (水)に新しい講座⑤を追加しました。
StreamProviderに、uidを指定して、データが更新されるたびに、プロフィールページの画像と名前が変化するロジックの解説を追加しました。
デモアプリの作成は、こちらのコードを使うことをお勧めします。

アプリのバージョン
Flutter 3.7.7
Dart 2.19.4

対象の方
Flutte初心者

プロフィールページを作る

環境構築をする

アプリを作成する①

アプリを作成する②

アプリを作成する③

最後に

新しい講座①

新しい講座②

新しい講座③

新しい講座④

新しい講座⑤

flutter

cloudfirestore

riverpod

firebasestorage

firebaseauth

JboyHashimoto