botton_nav_bar 0.0.6

The botton_nav_bar library is a custom implementation of the bottom navigation bar in Flutter. The library provides a customizable bottom navigation bar widget that allows users to navigate between di [...]

Bottom Navigation Bar

The botton_nav_bar library is a custom implementation of the bottom navigation bar in Flutter. The library provides a customizable bottom navigation bar widget that allows users to navigate between different screens in an application. It is built to be flexible and can be adapted to fit any app's design

The botton_nav_bar library includes two main classes:

BottomBarItem: A model class that represents a single item in the bottom navigation bar. The BottomBarItem class has several parameters, including the screen to be displayed when the item is selected, the icon to be displayed when the item is not selected, the selected icon to be displayed when the item is selected, and the label to be displayed for the item.

BottomNavBar: A stateful widget that represents the bottom navigation bar. The BottomNavBar widget takes a list of BottomBarItem objects as input and displays them as a row of items. The widget also includes a floating action button that can be customized with an icon, label, and color.

The BottomNavBar widget allows users to customize several aspects of the bottom navigation bar, including the size and color of the icons and labels, the location of the floating action button, and the font weight of the item labe

Features . Customizable bottom navigation bar. . Supports floating action button. . Easy to implement. . Comes with a demo application. i

Getting started

dependencies: botton_nav_bar: ^0.0.5

Usage

To use the botton_nav_bar library in a Flutter project, developers can include the following import statement:

BottomBarItem Parameters The BottomBarItem class has the following parameters:

screen: A Widget representing the screen that should be displayed when this item is selected. icon: A Widget representing the unselected icon for this item. label: A String representing the label to be displayed below this item. selectedIcon: An IconData representing the selected icon for this item. centerDockedTitle: A String representing the title to be displayed in the center of the bottom navigation bar. bottomItemSelectedColor: A Color representing the color of the selected item in the bottom navigation bar. bottomItemUnSelectedColor: A Color representing the color of the unselected items in the bottom navigation bar

BottomBarItem Parameters

The BottomBarItem class has the following parameters:

screen: A Widget representing the screen that should be displayed when this item is selected. icon: A Widget representing the unselected icon for this item. label: A String representing the label to be displayed below this item. selectedIcon: An IconData representing the selected icon for this item. centerDockedTitle: A String representing the title to be displayed in the center of the bottom navigation bar. bottomItemSelectedColor: A Color representing the color of the selected item in the bottom navigation bar. bottomItemUnSelectedColor: A Color representing the color of the unselected items in the bottom navigation bar

import 'package:bottom_navy_bar/bottom_navy_bar.dart';

class MyApp extends StatelessWidget { @override Widget build(BuildContext context) => Scaffold( drawer: const DrawerWidget(), body: BottomNavBar( bottomItems:

Additional information

For more information, check out the botton_nav_bar package on pub.dev.

In this example, the BottomNavBar widget includes four items: f or . When the user selects an item, the corresponding screen is displayed.

Overall, the botton_nav_bar library provides a convenient and customizable way to implement a bottom navigation bar in a Flutter application.