【Flutter】BottomNavigationBarで４つ以上のItemを使用した場合の注意点

【Flutter】BottomNavigationBarで４つ以上のItemを使用した場合の注意点

これただのメモ

final bar = BottomNavigationBar(
      items: items, // アイテムたち
      backgroundColor: Colors.green, // バーの色
      selectedItemColor: Colors.black, // 選ばれたアイテムの色
      unselectedItemColor: Colors.grey, // 選ばれていないアイテムの色
      currentIndex: index, // インデックス
      onTap: (index) {
        // タップされたとき インデックスを変更する
        ref.read(indexProvider.notifier).state = index;
      },
    );

上記のように記述してもバーの色が反映されないから困っていた。

答えは既出されていました。↓

上記を参考に修正したらバーの色が反映されてニッコリ。

まぁ答えは以下の文をBottomNavigationBarに追加するだけでした。

type: BottomNavigationBarType.fixed,

BottomNavigationBarはItem数が３つと４つでTypeのデフォルト値が変わるっぽい。

そしてバーの色のセンスが終わっている。