[Flutter]BottomNavigationBar(ボトムナビゲーションバー)が４(four)つ以上のタブ(tab item)で非表示(hide)になるのを防ぐには？

どうも、ちょげ(@chogetarou)です。

BottomNavigationBarは、引数「items」に４つ以上のアイテムを指定すると非表示になります。

これを防ぐにはどうしたらいいのでしょうか？

方法
使用例
まとめ

方法

BottomNavigationBarが非表示になるのを防ぐには、引数「type」にBottomNavigationBarType.fixedを指定します。

BottomNavigationBar(
  type: BottomNavigationBarType.fixed,
  items: [
    BottomNavigationBarItem(
      icon:/*アイコン*/,
      label: 'ラベル',
    ),
    BottomNavigationBarItem(
      icon:/*アイコン*/,
      label: 'ラベル',
    ),
    BottomNavigationBarItem(
      icon:/*アイコン*/,
      label: 'ラベル',
    ),
    BottomNavigationBarItem(
      icon:/*アイコン*/,
      label: 'ラベル',
    ),
    ~~~省略~~~
  ],
  currentIndex: _currentIndex,
  onTap: _onTap,
),

これで４つ以上のアイテムを表示できるようになります。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _pages[_currentIndex],
      bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.settings),
            label: 'Settings',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.favorite),
            label: 'Favorite',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.history),
            label: 'Hidtory',
          ),
        ],
        currentIndex: _currentIndex,
        onTap: _onTap,
      ),
    );
  }