Riverpod v2のAsyncValueを理解する
本記事は編集時点の最新バージョンである v2.1.1 を元に執筆しています。バージョンによっては挙動やシンタックスが異なる点にご注意ください。 はじめに Riverpod、非常に便利で強力な状態管理パッケージですね。 私が最初に触り始めたのは約2年前頃の v0.6.0 ですが、そこから v1のリリース・v2のプレリリースと着々と進化を遂げているのが分かります。 そんな有用パッケージですが、ドキュメント 自体は用意されているものの（数ヶ月前日本語訳も提供 されましたね👏）、その内容は Provider の種類や使い分けや修飾詞に留まっており、少しまだ物足りなさを感じます。Flutter のドキュメントが手厚すぎるがゆえに相対的にそう見えてしまっているだけかもしれません。 今回は、上記のドキュメントにはそこまで手厚く記載されてはいないものの、Riverpod を扱う上で重要な AsyncVa
Flutterアプリにおける、過不足ない設計の考察🎅
Photo by Hush Naidoo Jade Photography on Unsplash「一般的なモバイルアプリ」の設計全般において、特に何に気を付ける必要があるか、あるいは逆にあまり気にしてなくても良いのではと思うことなどを述べていきます。 (…のつもりでしたが、後者含めると1記事に収めるの困難で、最後にさらっと触れつつ別記事で手厚く書きたいところです🤔) ここでの「一般的なモバイルアプリ」は規模観点では以下程度のイメージですが、それを超えるような規模でも通ずる内容も多いと思っています。 コード量: 数万〜十数万行実装者: 一桁人種類としては(スマホ向けの)クライアントアプリコードであり、以下などではないです。 パッケージ・ライブラリではないサーバーサイドではないこの種類によって適切な組み方はけっこう変わり、アプリコードは依存関係の末端側(基本的に依存される側にはならない)な
MVVM+Repositoryパターンを採用したFlutterアプリを構築する
この記事について wasabeefさんが作成しているリポジトリを参考に、カスタマイズしてテンプレートを作成してみたという自分用メモ的な記事です。導入手順をかなり丁寧に書いたつもりなので、めちゃくちゃ文字数が多くなっちゃっています💦（脅威の50000文字over）。 wasabeefさんのテンプレートでは、ChangeNotifierを採用していますが、この記事では、StateNotifierを採用しています。また、Sizer・Fimber・Device Previewなども新たに導入しています。逆に、Dioの導入はしていません。これは、httpというパッケージを使った方が良いケースもありますし、そもそもFirebaseを使用していて、バックエンドAPIを叩く必要がないケースもあるかと思いますので、必要に応じて、下記のリポジトリを参考にしてみてください。 MVVM+Repositoryパタ
Flutter RiverpodでDIしたクラスをMockitoでモック化してUnitTestを書く | ZUMA Lab
Flutter Riverpod で DI したクラスを Mockito でモック化して UnitTest を書きます。 アーキテクチャとして MVVM を想定し、Data 層である ApiClient Class と Repository Class を Reverpod で DI します。 Repository Class に DI した ApiClient Class を Mockito の Mock 対象とします。 Mockito を使用して Repository Class の Unit Test を書いていきます。 環境macOS Big Sur 11.3.1Android Studio 4.2.1Flutter 2.2.0Dart 2.13.0Package installpubspec.yaml に以下を追記して flutter pub get を実行します。 depend
FlutterのTodoアプリで Riverpod useProvider StateNotifier Freezed の基本的な使い方を覚える | ZUMA Lab
FlutterのTodoアプリで Riverpod useProvider StateNotifier Freezed の基本的な使い方を覚える Flutter の Riverpod / useProvider / StateNotifier / Freezed の基本的な使い方を覚えます。 筆者は Flutter 初学者の為、 題材として簡単な Todo アプリを選びました。 前回の記事で Todo アプリを題材に Riverpod / useProvider / ChangeNotifier の基本的な使い方を書いているので、今回はこちらの記事をアップデートする形で実装していきます。 アーキテクチャは簡易版の MVVM で、今回外からデータ取得などしないので Model は作成せず、View と View からロジックを引き剥がす為、 ViewModel のみ実装します。 最終的にこん
Riverpod
@riverpod Future<String> boredSuggestion(BoredSuggestionRef ref) async { final response = await http.get( Uri.https('boredapi.com', '/api/activity'), ); final json = jsonDecode(response.body) as Map; return json['activity']! as String; } class Home extends ConsumerWidget { @override Widget build(BuildContext context, WidgetRef ref) { final boredSuggestion = ref.watch(boredSuggestionProvider); // P
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutter : How to use Riverpod with SharedPreference and List<String> Variable in multipage?
チームで採用しているriverpodを使ったFlutterのアーキテクチャとriverpod v1.0.0