Flutter TabBarのアイコンの色を変えるサンプル

2023年10月16日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

TabBar(
  labelColor: /*選択時の色*/,
  unselectedLabelColor: /*通常時の色*/,
  tabs: [/*タブ*/],
),

通常時と選択時の色を指定し、アイコンの色を変えます。

使用例

@override
 Widget build(BuildContext context) {
   return SafeArea(
     child: DefaultTabController(
       length: 2,
       child: Scaffold(
         body: TabBar(
           labelColor: Colors.pink,
           unselectedLabelColor: Colors.greeb,
           indicatorColor: Colors.pink,
           tabs: [
             Tab(
               icon: Icon(Icons.student),
             ),
             Tab(
               icon: Icon(Icons.settings),
             )
           ],
         ),
       ),
     ),
   );
 }