[Flutter]BottomNavigationBarでインデックスを変えるには？

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

BottomNavigationBarでインデックスを変える方法を紹介します。

方法

BottomNavigationBarでインデックスを変えるには、引数「onTap」を使います。

具体的には、BottomNavigationBarの引数「onTap」の関数で、インデックスを変える処理を指定します。

BottomNavigationBar(
  items: [
    ・・・
  ],
  currentIndex: _currentIndex,
  onTap: (int index) {
    //インデックスを変える
    setState(() {
      _currentIndex = index;
    });
  },
),

引数「onTap」に指定する関数の引数で、タップされたタブのインデックスを取得できます。

これでBottomNavigationBarでインデックスを変えることが出来ます。

[Flutter]BottomNavigationBarをタイトルテキスト無しにするには？

BottomNavigationBarをタイトルテキスト無しにする方法を紹介します。

www.choge-blog.com

2021.11.21

[Flutter]BottomNavigationBarの背景を透明にするには？

BottomNavigationBarの背景を透明にする方法を紹介します。

www.choge-blog.com

2021.11.20

[Flutter]BottomNavigationBarの背景に画像を設定するには？

BottomNavigationBarの背景に画像を設定する方法を紹介します。

www.choge-blog.com

2021.11.20