🦔

Flutter-タブ画面で別のボタンからタブを切り替えする方法

2021/09/08に公開

Flutteerで元々用意されているタブのボタンだとタブの設定時に切り替えをサポートしてくれる。

じゃぁ、別のボタンからタブの画面を切り替えたい時はどうするかでハマった。

DefaultTabControllerのanimateTo(index)メソッドを使う。
indexはタブの順番

重要箇所抜粋

FloatingActionButton(
  onPressed: ()  {
    //5番目のタブへ遷移
    DefaultTabController.of(context)!.animateTo(5);
  },
  child: Icon(Icons.save),
)

ちなみに現在のタブのindexの取得は以下

DefaultTabController.of(context)!.index

Discussion