Question

我想减少BottomNavigationBar的顶部和底部填充，但我想将相同的图标高度和栏高度保持为50像素：

  bottomNavigationBar: SizedBox(
    height: 50,
    child: BottomNavigationBar(
      showSelectedLabels: false,
      showUnselectedLabels: false,
      type: BottomNavigationBarType.fixed,
      elevation: 5.0,
      currentIndex: 0,
      items: buildBottomBarItems(),
    ),
  )

构建底部栏项目的方法：

    List<BottomNavigationBarItem> buildBottomBarItems() {
        List<BottomNavigationBarItem> _bottomBarItems = List();
        List<String> _iconNames = ["home", "search", "plus", "heart"];

        for (var i = 0; i < _iconNames.length; ++i) {

          _bottomBarItems.add(
           BottomNavigationBarItem(
              icon: Container(
                  child: new Image.asset('assets/' + _iconNames[i] + '.png', width: 24, height: 24)
              ),
              title: Text('')
           )
         );
        }
     }

（在当前情况下为4.0像素溢出）。谢谢

Answer 1

要删除BottomNavigationBar中的默认空间，请将selectedFontSize设置为0。它将删除文本可用的默认空间。 BottomNavigationBar（ selectedFontSize：0.0，）

减少BottomNavigationBar中的顶部和底部填充

1 个答案: