Как создать индивидуальный BottomTabBar - PullRequest
Новая
       40

Как создать индивидуальный BottomTabBar

1 голос
/ 22 мая 2019

Я хочу реализовать BottomAppNavigation как прикрепленное изображение.Однако использование BottomAppBar в сочетании с FloatingAction не приводит к такой компоновке.

Не могли бы вы помочь мне сделать этот элемент похожим на элемент Центра?

Screenshot

1 Ответ

0 голосов
/ 18 июня 2019

Я думаю, что это довольно просто с Fancy Bottom Navigation, который является просто плагином, который вы добавляете в свое приложение и получаете нужный результат,

FancyBottomNavigation

Добавитьследующее к вашему .yaml файлу 

dependencies:
  ...
  fancy_bottom_navigation: ^0.1.0

И основное использование 

bottomNavigationBar: FancyBottomNavigation(
    tabs: [
        TabData(iconData: Icons.home, title: "Home"),
        TabData(iconData: Icons.search, title: "Search"),
        TabData(iconData: Icons.shopping_cart, title: "Basket")
    ],
    context: context,
    onTabChangedListener: (position) {
        setState(() {
        currentPage = position;
        });
    },
)

Пожалуйста, не стесняйтесь видеть Необычная навигация снизу

...