Flutter: как удалить границу 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)))
    ],
  ),

Как убрать строчку?


flutter dart flutter-layout flutter-bottomnavigation
person Jun Dalisay    schedule 11.06.2020    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Это не граница, это elevation из BottomNavigationBar

Просто добавьте elevation: 0.0, в свой BottomNavigationBar, это сработает

ОБРАЗЕЦ КОДА

  bottomNavigationBar: BottomNavigationBar(
    selectedIconTheme: IconThemeData(color: Colors.orange),
    unselectedIconTheme: IconThemeData(color: Colors.grey),
    elevation: 0.0,
    items: const <BottomNavigationBarItem>[
      BottomNavigationBarItem(
        icon: Icon(Icons.home),
        title: Text('Home'),
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.business),
        title: Text('Business'),
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.school),
        title: Text('Appointment'),
      ),
    ],
    currentIndex: _selectedIndex,
    selectedItemColor: Colors.amber[800],
    onTap: _onItemTapped,
  ),
person AskNilesh    schedule 11.06.2020

arrow_upward
0
arrow_downward

Я рекомендую вам использовать IDE с автозаполнением, чтобы увидеть все доступные варианты!

вы можете добавить тип BottomNavigationBar с помощью

type: BottomNavigationBarType.fixed,

поскольку нам не нужна анимация, мы должны использовать ее, иначе по умолчанию используется этот тип:

type: BottomNavigationBarType.shifting,

см. изображение, это исправлено. Проект Flutter, работающий в веб-браузере Chrome. исправлен тип BottomNavigationBar

person Majid Jamali    schedule 09.01.2021