wheatandcatの開発ブログ

React Nativeで開発しているペペロミア & memoirの技術系記事を投稿してます

Flutterで作成中のアプリの中間報告

今Flutterで開発しているアプリがある程度形になったので報告

リポジトリ

github.com

github.com

画面

使用している技術

  • Flutter
  • NestJS
  • Prism
  • TiDB Serverless
  • Cloud Run
  • Firebase Authentication
  • Firebase Storage

各画面で使っているライブラリ紹介

アプリアイコンの設定

pub.dev

スプラッシュスクリーンの実装

pub.dev

Firebase Authenticationでログイン作成

pub.dev

pub.dev

画像アップロード & トリミング & 圧縮

状態管理 & グローバルな状態管理

pub.dev

pub.dev

  • 単一画面の状態管理はflutter_hooksを使用
    • これを使うことでReact Hooksとほぼ同じ感じで状態管理ができる
  • グローバルな状態管理はflutter_riverpodを使用

今後開発予定のもの

メイン機能は作れたので、今後は以下あたりを対応してリリース予定 - Firebase App Distributionでテスト用のアプリを配布できるようにする - Widgetbookを導入 - テストコードの実装 - QRコードを読み込んで、データの共有管理機能の追加

年内くらいにリリースできれば良いかなーと思っている