[Flutter]BottomNavigationBarItemのラベル(label)を空(empty)にするには？

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

BottomNavigationBarItemのラベルを空にする方法を紹介します。

方法
使用例
まとめ

方法

BottomNavigationBarItemのラベルを空にするには、空文字( ‘ ‘ )を指定します。

BottomNavigationBarItemの引数「label」は必須の引数です。

ですが、この引数に指定してはいけないのはnullで、空文字であれば大丈夫です。

なので、BottomNavigationBarItemを空にしたい場合は、空文字を指定します。

BottomNavigationBarItem(
  icon: /*アイコン*/,
  label: '',
),

使用例

以下は、使用例です。

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