Riverpod(flutter_hooks)＋StateNotiferを用いた状態管理ができない

Question

前提・実現したいこと

FlutterでRiverpod(flutter_hooks)＋StateNotifierを用いてbottomNavigationBarの状態を管理しようとしています。ファイル構成は【widget、state、controller】の３つに分けています。

発生している問題・エラーメッセージ

bottomNavigationbarのボタンを押しても初期設定された画面から変更されません。

コントローラー部分の関数内では渡されたindex値がindexStateに代入されているが、関数処理後にuseProviderを用いて呼び出した変数の値に反映されない状況です。

該当のソースコード

1.bottomNavigaitonBar Widget部分

import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:flutter_hooks/flutter_hooks.dart';

class ScreenBottomNavigationBar extends HookWidget {
  const ScreenBottomNavigationBar({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    final indexStateNav = useProvider(bottomNavigationController).indexState;
    return BottomNavigationBar(
      onTap: (int index) {
        context.read(bottomNavigationController.notifier).getCurrentIndex(index);
        print(indexStateNav);
      },
      currentIndex: indexStateNav,
      items: [
        BottomNavigationBarItem(
          icon: Icon(Icons.rate_review),
          label: '入力',
        ),
        BottomNavigationBarItem(
          icon: Icon(Icons.analytics),
          label: '分析',
        ),
        BottomNavigationBarItem(
          icon: Icon(Icons.settings),
          label: '設定',
        ),
      ],
    );
  }
}

2.state部分

class ScreenBottomNavigationBarState {
  int indexState;
  ScreenBottomNavigationBarState({required this.indexState});
}

3.controller部分

import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:state_notifier/state_notifier.dart';

final bottomNavigationController = StateNotifierProvider<BottomNavigationController, ScreenBottomNavigationBarState>(
  (ref) => BottomNavigationController(),
);

class BottomNavigationController　extends StateNotifier<ScreenBottomNavigationBarState> {
  BottomNavigationController() : super(ScreenBottomNavigationBarState(indexState: 0));
  void getCurrentIndex(int index) {
    state..indexState = index;
  }
}

補足情報（FW/ツールのバージョンなど）

flutter_hooks: ^0.17.0
hooks_riverpod: ^0.14.0+4
state_notifier: ^0.7.1

Answer 1

controller部分で、引数にindex(onTap時のcurrentIndex)を当てた ScreenBottomNavigationBarStateの型をstateに代入することで解決

  void getCurrentIndex(int index) {
    state = ScreenBottomNavigationBarState(indexState: index);
  }
}