Нижняя панель навигации Flutter должна быть прозрачной

#flutter #bottomnavigationview

#трепетание #вид нижней навигации

Вопрос:

Я хочу удалить этот белый цвет из нижней навигации.. Как я могу это сделать?

введите описание изображения здесь

Это мой нижний навигационный штрих-код:

 class MyNavigation extends StatefulWidget {
  @override
  _MyNavigationState createState() => _MyNavigationState();
}

class _MyNavigationState extends State<MyNavigation> {
  int _currentIndex = 0;

  List<Widget> children = <Widget>[
    MyHomePage(),
    MyWallet(),
    MyNotification(),
    MyProfile(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: children.elementAt(_currentIndex),
      bottomNavigationBar: CustomBottomNavigationBar(
        items: [
          CustomBottomNavigationBarItem(
            icon: Icons.home_filled,
            title: "Home",
          ),
          CustomBottomNavigationBarItem(
            icon: Icons.home_filled,
            title: "Directions",
          ),
          CustomBottomNavigationBarItem(
            icon: Icons.settings,
            title: "Settings",
          ),
        ],
        onTap: (index) {
          setState(
            () {
              _currentIndex = index;
            },
          );
        },
      ),
    );
  }
}
 

Эту зависимость я использовал :
https://pub.dev/packages/custom_bottom_navigation_bar

Комментарии:

1. Вы пробовали backgroundColor: Colors.transparent?

2. это так плохо для пользователя, когда выбранный элемент выглядит точно так же, как FAB…

Ответ №1:

К сожалению, кто-то только что загрузил пакет в pub.dev. Автор решил не загружать код на GitHub. Как вы, возможно, уже проверили, пакет не предоставляет свойство, чтобы сделать прозрачной дополнительную область над плитками значков. Вы можете связаться с автором и получить разрешения на редактирование кода, однако это все равно потребует перезаписи большого количества кода. Лучше всего использовать альтернативный пакет, который поддерживается его автором.