Question

我想删除BottomNavigationBar顶部的行，以使图标看起来是主屏幕的一部分。

但是我找不到任何方法来删除bottomnavigationbar的边框。

  bottomNavigationBar: BottomNavigationBar(
    onTap: onTabTapped,
    currentIndex: _currentIndex,
    backgroundColor: Colors.cyan[50],
    selectedItemColor: Colors.cyan[900],
    unselectedItemColor: Colors.grey[700],
    type: BottomNavigationBarType.fixed,
    items: [
      ..._tabItems.map((item) =>
          BottomNavigationBarItem(icon: item.icon, title: Text(item.title)))
    ],
  ),

如何删除行？

Answer 1

它不是2,$!xxd -r -p|xxd -g1的{{1}}的边界

只需在您的elevation中添加BottomNavigationBar即可

示例代码

elevation: 0.0,

Answer 2

我建议您使用具有自动完成功能的 IDE 来查看所有可用选项！

你可以添加BottomNavigationBar的类型

type: BottomNavigationBarType.fixed,

因为我们不想要动画所以必须使用这个，否则默认就是这个类型：

type: BottomNavigationBarType.shifting,

看图，它是固定的。 Flutter Project running in Chrome Web Browser. fixed BottomNavigationBar type

Flutter：如何删除BottomNavigationBar的边框？

2 个答案: