【Flutter】Riverpod と Flutter Hooks を組み合わせて使う方法とその際の使い分け

FlutterでRiverpod と Flutter Hooks を組み合わせて使う方法についてまとめました。

  • はじめに
  • インストール
    • Flutter Hooksを使ったアプリケーションを作る
    • Riverpodを使ったアプリケーションを作る
    • Flutter HooksとRiverpodを組み合わせる
    • Consumerを使うケース
    • 関連
    • 参考
続きを読む

【Flutter】ウィジェットのライフサイクルを管理するFlutter Hooksの概要と基本的なフックの使い方まとめ

Flutterでウィジェットのライフサイクルを管理するFlutter Hooksの概要と基本的なフックの使い方についてまとめました。

  • Flutter Hooksとは?
  • useState: 状態を持つWidgetを簡単に書ける
  • useEffect: 初期化・破棄の処理を簡単に書ける
  • useMemoized: 重い処理をキャッシュしてビルド時に走らないようにできる
  • useValueChanged: 値が変化した時だけ任意の処理を走らせる
  • useRef: 値が変化しても再ビルドしない
  • useContext: どこからでもBuildContextを取得できる
  • その他のフックについて
  • 参考
続きを読む

【Flutter】Riverpodを使う場合の単体テストとウィジェットテストのやり方

FlutterでRiverpodを使う場合の単体テストウィジェットテストのやり方についてまとめます。

  • はじめに
  • 単体テスト(Providerのテスト)
  • readとlistenの使い分け
  • ウィジェットテスト
  • Providerのモックを使う
  • NotifierをMockingすることもできる(非推奨)
  • 参考
続きを読む