Skip to content

flutter

Dart復習

昨日見つけたFlutterで始めるモバイルアプリ開発連載一覧:CodeZine(コードジン)の第7回まで読んだ。 ここまではFlutterというよりはDartの言語的な解説がメインで、いままで何となくでやっていた所が復習できた。 ただ、書かれた時期がFlutter2の登場以前なので、細かいところや作法は Read more

Flutter Webをスマホで表示したらスクロールできなかった

基本的な実装ができたので、Firebase HostingにデプロイしてPixel4で表示してみた。 画像をアップロードして画面の表示項目が増えたら、画面下部のボタンが画面外に出て押せなくなってしまった。 SingleChildScrollView でまるっと囲んでしまえば良いらしい。 PWAとしてインストールしていた場合は、再インストールしないと Read more

Flutterを学ぶ

Flutterでのレイアウトの組み合わせ方を学ぼう~実際の画面例を使用 (1/2):CodeZine(コードジン) こういうリスト作りたいなと思って検索してたどり着いたのだけど、 Flutterで始めるモバイルアプリ開発連載一覧:CodeZine(コードジン) この連載一通り読んでみれば勉強になりそう。

Firestoreでサブコレクションを使う理由

親コレクションと子コレクションがあったとして、子を親のサブコレクションにするか、子に親のIDを持たせて別のコレクションにするか問題。 別のコレクションにした場合、クエリ時にwhereを使って親IDを指定して絞り込むと、orderByが使えない。 エラーにならないけど、ゼロマッチになってしまう。 order Read more

Flutterのディレクトリ構成

lib直下にmainとstateと画面ごとのファイルをおいているけど、ProviderやらRiverpodの参考に見てるページはmainに全部書いていて、ページごとに分割した書き方がいまいちわからない。 状態管理も考慮したファイル構成はどうなのかなとググったら、repositoryやらserviceや Read more

アップロードしたファイルを表示する

ファイルを選択してFirebase Storageにアップロードする処理は昨日できた。 フォーム画面で選択したファイルを、アップロードする前にプレビュー表示をしたい。 画像の表示はImage class - widgets library - Dart APIを使えばできる、のだけれど、画面を表示したタイミングではまだ画像が選択されていないので何も表示でき Read more

Flutterでファイルアップロード

画像を選択してアップロードする機能を付けたい。 アップロード先はFirebase Storageで。 Flutter×Firebase(CloudStorage)でファイルダウンロードとアップロードを簡単に実現する方法 - Qiita を見て実装してみたところ、Unsupported operation: Platform._operati Read more

Flutterのrouter

go_router 続き。 パラメータを渡すところは、go_router/parameters.mdx at main · csells/go_routerを見て書いたらうまくいった。 あとはログイン周り(リロードしたときにログイン状態を維持したい)は、routerとは別次元の問題なのでいったん置いておく。 開発中は自分しか使わないし問題 Read more

Flutterのrouter選定

画面レイアウトの調整が面倒な件、ロジックを作り始めると、目的の画面にたどり着くまでに手数が必要になるせいだと気づいた。 ということで、目的の画面に直接アクセスできるように(Webアプリ版なので)URL指定で開けるようにする。 そのためにはrouterを使うのが良さそう。 軽く検索したところ、以下のパッケー Read more