この記事はフューチャー Advent Calendar 2021の11日目の記事目です。 弊社のブログでもFlutter連載が行われているので、興味のある方はご一読ください。 https://future-architect.github.io/articles/20210510a/ はじめに Flutterにおける状態管理の方法は様々なパターンが存在してますが、いい意味で非常に変化が激しく、確固たる状態管理のパターンというのはまだ確立されていません。 Flutterの状態管理に関する記事は調べれば多く出てきますが、1年前の記事ですら古い内容を含んでいる場合が多いので、自らのキャッチアップの意味も込めて、本記事では2021年12月時点での状態管理のパターンを整理したいと思います。 文章や図だけだと状態管理手法の違いについてイメージが湧きづらい方もいると思いますので、この記事ではソースコード
※こちらの記事は【Flutter】色んな状態管理手法でカウンターアプリを作ってみるの一部として作成された記事です 今最もホットな状態管理手法 StateNotifier さて今回は今最もホットな状態管理手法とも言えるStateNotifierでカウンターアプリを書いていきたいと思います。 使用するPackage: flutter_state_notifier v0.7.1 概要 Provider、Freezed、Riverpodなどの作者でもあるRemi Rousselet氏が開発 単一の値を保持し、その値の変更を通知するValueNotiiferの拡張版のようなクラス RiverpodとFreezedと併せて使う例がよく見られる 初版リリースは2020年3月 全体像 特徴: 単一の状態変数を保持し、その変数の変更を自動で通知する ChageNotifierが複数の変数を管理し、notif
Flutterの状態管理手法って沢山ありますよね ネットで「flutter 状態管理」で検索するとやれProviderだのやれBlocだのRiverpodだのと様々なライブラリを使ったパターンが出てきます しかも人によって同じ状態管理手法と言ってる割には書き方がだいぶ違ったり、1つの状態管理手法を違う名前で言っていたりとなんやねーん!と混乱してしまう記事が多いなと感じました 仕事でFlutterを使い始めて1年半、Providerを使ってきましたが、最近Riverpodの名前もよく聞く様になったし、ちょっと触ってみようかなと思った矢先、先の検索結果の迷宮に迷い込みました 折角なのでこの機会にRiverpodだけでなく主要な手法を一通り触って、その特徴や違いを明確にし、状態管理手法の全体像を掴んでみようと思いました アプローチ このプロジェクトではシンプルなカウンターアプリを、「Flutte
そんな疑問、悩みにお答えします! 本記事は、Flutter × Riverpodの基本的な使い方の解説記事となります。 サンプルアプリを基にRiverpodにおける状態の共有、参照、更新の方法を解説します。 記事後半では、Flutter大学で公開している、 Flutter × Riverpodのサンプルリポジトリを紹介します。 ぜひ読んでRiverpodの使い方を学んでみてください! Riverpod とは? 背景 Riverpodについて解説する前に、まず背景として解決したい問題を紹介します。 例えば、カウンターアプリのカウンターの値を管理するクラスがあったとして、 このインスタンスをアプリの色々なところで使いたい、 そんな時どうすれば良いでしょうか? 思いつく方法としては、 以下の図のように main.dartでインスタンス(Instance)を定義し、 Widget ツリーの下層にイ
Flutterはじめました。 ネイティブなiOS開発でいうところのCocoaPodsやCarthageのように、簡単に外部のライブラリを導入して様々な機能を追加できます。 ここではその導入手順についてまとめます。 パッケージを探す 以下のサイトからパッケージを探します。 https://pub.dev/flutter 今回は例としてfont_awesome_flutterという、アプリ内に様々なアイコンを追加できるパッケージを導入します。 検索窓に awesome などと入れると検索結果が表示されます。 パッケージの評価システムについて 導入手順の前に、簡単にパッケージの評価システムについて紹介します。 検索結果の右の数字に注目して欲しいのですが、これはそのパッケージの評価スコアになっています。 パッケージの詳細ページを見ると評価内容を見ることができます。 以下の評価軸を元に、加重平均で総
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く