[Flutter]BottomNavigationBarType.shftingが表示されない(not showing)時の解決法

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

「BottomNavigationBarの引数「type」にBottomNavigationBarTyoe.shiftingを指定したらタブが消えた」

という人に向けて、解決法を紹介します。

方法

タブが表示されないのを解決するには、BottomNavigationBarの次の２つの引数を設定します。

selectedItemColor : 選択されている時のタブの色
unselectedItemColor : 選択されていない時のタブの色

この２つを白と透明以外に設定することで、BottomNavigationBar.shiftingでもタブが表示されるようになります。

BottomNavigationBar(
  type: BottomNavigationBarType.shifting,
  selectedItemColor: /*選択されている時の色*/,
  unselectedItemColor: /*選択されていない時の色*/,
  items: [
    ・・・
  ],
  currentIndex: _currentIndex,
  onTap: (int index) {
    setState(() {
      _currentIndex = index;
    });
  },
),

これでBottomNavigationBarType.shiftingでタブが表示されないのを解決することが出来ます。