このチャプターの目次
Consumer Widget とは
Consumer
は、データを使用する必要のあるWidgetだけを再構築することで、アプリのパフォーマンスを最適化するために使用します。
StatelessWidget
で使用することができます。
class HomePage extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Example')),
body: Consumer(
// Consumerで囲むことで、counterProviderが更新された時にTextウィジェットのみが再構築される
builder: (context, watch, child) {
// counterProviderを読み取る。
final count = watch(counterProvider).state;
return Text('$count');
},
),
);
}
}
参考リンク
Consumer | Riverpod