📱

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

2024/05/25に公開

ConsumerStatefulWidgetを使おう!!

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

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

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

  
  SettingPageState createState() => SettingPageState();
}

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

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

参考資料

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

Discussion