JPFlutterの基本ナビゲーションTabBarTabBarTabBar「TabBar」を使うことで、簡単にヘッダーにタブバーを作ることができるようになります。今回は、「TabBar」を使ったサンプルを説明していきます。}}isScrollableをtrueにするとタブをスクロールできるようになります。indicatorColorはタブ下に表示さている線の色を指定できます。indicatorWeightはタブ下に表示さている線の太さをしていてきます。indicatorPaddingはタブ下に表示さている線にPaddingを与えることができ、指定は「EdgeInsets」で行います。indicatorSizeはタブ下に表示さている線に対して、以下二つの要素どちらかによって幅が変わります。TabBarIndicatorSize.tabはタブと同じ幅TabBarIndicatorSize.tabはラベルと同じ幅indicatorはタブ下に表示さている線に「Decoration」を使ってデザインの変更ができます。labelColorは表示しているラベルの色labelStyleはラベルのスタイルを「TextStyle」で指定できます。labelPaddingはラベルのPaddin要素を指定します。unselectedLabelColorは未選択状態でのアイコンラベルの表示色を指定できます。unselectedLabelStyleは未選択状態でのラベルのスタイルを「TextStyle」で指定できます。「TabBar」を作るときは、「TabBar」、「TabBarView」に「TabController」クラスを設定するか、「DefaultTabController」の子要素としてそれぞれを作成する方法の2種類があります。「DefaultTabController」での作成方法をみていきましょう。),);「DefaultTabController」には必ず、「TabBar」で表示するタブ数をlengthに設定しておかなければなりません。AppBar(次に「AppBar」のbottomに「TabBar」クラスを定義して、表示するタブのリストを渡します。),),今回は「Tab」の一覧は_tab変数に定義しておきます。];これで、タブの表示ができましたが、画面表示の切り替えも確認しましょう。bodyに「TabBarView」クラスを定義し、表示する画面となるウィジェットの一覧を渡します。今回は「TabPage」という画面ウィジェットを作ってあるので、一覧として設定して完成です。]),TabController今度は「TabController」での書き方をみてみましょう。}}このように「TabController」を使うときは必ずinitStateメソッドで、初期化し、disposeメソッドで破棄を書いてください。することで、_MainPageStateの作成、破棄と同じタイミングで「TabController」も作成、破棄が行われるようになります。}次に「TabBar」、「TabBarView」それぞれに「TabController」を設定することで、タブが動作するようになるので、完成です。