Flutter中是否可以修改TabBar选中状态下的图标大小？

labelStyle与unselectedLabelStyle属性仅对Tab的文本内容生效，不会作用于icon属性传入的Icon组件，所以你修改文字大小的配置无法同步修改图标尺寸。

这里提供两种可行方案，优先推荐第一种原生支持的极简方案：

方案1：使用Tab组件原生的选中/未选中图标属性 #

Tab组件本身自带icon（未选中状态图标）和selectedIcon（选中状态图标）两个配置项，直接分别设置不同尺寸即可，无需额外监听状态。

代码修改示例： #

1. 移除原有TabBar和Tab的const修饰符
2. 每个Tab按如下格式修改：

Tab(
  // 未选中状态图标，设置小尺寸
  icon: Icon(
    CupertinoIcons.add,
    size: 15,
  ),
  // 选中状态图标，设置放大后的尺寸
  selectedIcon: Icon(
    CupertinoIcons.add,
    size: 25,
  ),
)

修改后的完整TabBar代码如下：

TabBar(
  tabs: [
    Tab(
      icon: Icon(CupertinoIcons.add, size: 15,),
      selectedIcon: Icon(CupertinoIcons.add, size: 25,),
    ),
    Tab(
      icon: Icon(CupertinoIcons.add, size: 15,),
      selectedIcon: Icon(CupertinoIcons.add, size: 25,),
    ),
    // 剩余3个Tab按同样格式修改即可
  ],
  unselectedLabelColor: Color.fromRGBO(142, 142, 147, 1),
  labelColor: Color.fromRGBO(0, 60, 255, 1),
  unselectedLabelStyle: TextStyle(fontSize: 15),
  labelStyle: TextStyle(
    fontSize: 20,
  ),
)

方案2：自定义TabController监听切换状态（适用于更复杂的自定义需求） #

如果需要同时修改图标其他属性、或联动其他逻辑，可以通过监听Tab选中索引动态修改图标尺寸：

1. 将当前页面改为StatefulWidget，初始化TabController并添加状态监听

late TabController _tabController;

@override
void initState() {
  super.initState();
  _tabController = TabController(length: 5, vsync: this);
  _tabController.addListener(() {
    setState(() {});
  });
}

@override
void dispose() {
  _tabController.dispose();
  super.dispose();
}

2. 将原有DefaultTabController替换为自己初始化的_tabController
3. 每个Icon的size属性根据当前选中索引动态判断：

Icon(
  CupertinoIcons.add,
  // 索引匹配时用大尺寸，否则用小尺寸
  size: _tabController.index == 0 ? 25 : 15,
)

内容的提问来源于stack exchange，提问作者Joh