Flutter - 禁用底部导航栏动画（增长文本）答案

【问题标题】：Flutter - Disable Bottom Navigation Bar Animation (growing text)Flutter - 禁用底部导航栏动画（增长文本）
【发布时间】：2020-06-13 14:29:47
【问题描述】：

我想禁用选定项目的底部导航栏动画，以获得与未选定项目相同的文本/图标大小。

这是我的代码：

 class BottomNavigationBarHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BottomNavigationBar(
        unselectedItemColor: Colors.black38,
        backgroundColor: Colors.white,
        items: [
          BottomNavigationBarItem(
              icon: Icon(BalanceIcon.scale_balance, size: 15.0),
              title: Text('Item 1', style: TextStyle(

              ),)
          ),
          BottomNavigationBarItem(
              icon: Icon(BalanceIcon.scale_balance),
              title: Text('Item 2')
          ),
          BottomNavigationBarItem(
              icon: Icon(BalanceIcon.scale_balance),
              title: Text('Item 3')
          ),
        ]
    );
  }
}

我已经尝试过设置相同的字体大小，动画还在

【问题讨论】：

标签： flutter bottomnavigationview

【解决方案1】：

您可以尝试将 type 添加到 BottomNavigationBar

BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    ...
)

【讨论】：

谢谢，对我帮助很大！

【解决方案2】：

在BottomNavigationBar 中添加 selectedFontSize 和 unselectedFontSize 并设置相同的字体大小

BottomNavigationBar(
        selectedFontSize: 15.0,
        unselectedFontSize: 15.0,

【讨论】：

不工作，这似乎只适用于动画类型（滑动、固定、ecc）。即使固定，文本也会增长
正如我在问题中已经说过的，我已经尝试设置相同的字体大小但仍然无法正常工作

【解决方案3】：

前面的答案是正确的，但您需要结合使用固定类型和定义的字体大小：

BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    selectedFontSize: 12.0,
    unselectedFontSize: 12.0,
    ...
)

BottomNavigationBarType.fixed 防止项目水平移动并使未选中项目的标签可见。

selectedFontSize: 12.0, unselectedFontSize: 12.0 防止在选择项目时更改字体大小，即使类型是固定的也会发生。

要重新添加在此配置中消失的图标和标签之间的间隙，您可以为BottomNavigationBarItem 中的图标添加底部填充：

BottomNavigationBarItem(
  icon: Padding(
    padding: EdgeInsets.only(bottom: 2.5),
    child: <your icon>,
  ),
  label: <your title>,
),

【讨论】：