custom_bottom_bar

一个底部工具栏,可以左右滑动以显示更多工具。

custom_bottom_bar

用法

使用最多四个自定义底部栏项目创建您的自定义底部栏。

    final middleBar = CustomBottomBar(
      items: <CustomBottomBarItem>[
        CustomBottomBarItem(
          icon: Icon(Icons.home),
          text: Text('Home'),
          onTap: () => print('Home'),
        ),
        CustomBottomBarItem(
          icon: Icon(Icons.search),
          text: Text('Search'),
          onTap: () => print('Search'),
        ),
        CustomBottomBarItem(
          icon: Icon(Icons.people),
          text: Text('People'),
          onTap: () => print('People'),
        ),
      ],
    );

在“bottomNavigationBar:”中设置您的自定义底部栏页面视图

    bottomNavigationBar: CustomBottomBarPageView(
        leftBar: leftBar,
        middleBar: middleBar,
        rightBar: rightBar,
    ),

GitHub

https://github.com/hnkhandev/custom_bottom_bar