📱

Flutter:ConsumerWidgetとStatefulWidgetの機能を一つのWidget内で使いたい場合

に公開

ConsumerStatefulWidgetを使おう!!

  • 使い方:StatefulWidgetの場合と同様,Widgetと対になるStateを作成する.

※ConsumerWidgetと異なり、buildメソッドにrefオブジェクトは渡さない.refはConsumerStateのプロパティです.

class SettingPage extends ConsumerStatefulWidget {
  const SettingPage({super.key});
  final String titleName = "その他設定";

  @override
  SettingPageState createState() => SettingPageState();
}

class SettingPageState extends ConsumerState<SettingPage> {
  // ログアウトボタン
  bool logOutButtonPressed = false;
  // 退会ボタン
  bool deleteButtonPressed = false;

  @override
  Widget build(BuildContext context) {
    // authControllerProviderを通して,authControllerを読み込む.
    final authController = ref.watch(authControllerProvider.notifier);
  }
}

参考資料

https://riverpod.dev/ja/docs/concepts/reading

Discussion