【问题标题】: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>,
    ),
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-05-30
      • 1970-01-01
      • 1970-01-01
      • 2011-01-24
      • 2020-02-07
      • 2022-01-18
      相关资源
      最近更新 更多