fancy_bottom_navigation_image 1.0.1

This plugin is used for bottomNavigationBar for fancy view of Bottom Navigation Bar. Flutter plugin - FancyBottomNavigation With Image

FancyBottomNavigationImage

Getting Started

Add the plugin:

dependencies:
  ...
  fancy_bottom_navigation_image: 1.0.0

Limitations

For now this is limited to more than 1 tab, and less than 5. So 2-4 tabs.

Basic Usage

Adding the widget

bottomNavigationBar: FancyBottomNavigationImage(
    tabs: [
        TabData(imageData: "home-run.png", title: "Home"),
        TabData(imageData: "home-run.png", title: "Search"),
        TabData(imageData: "home-run.png", title: "Basket")
    ],
    onTabChangedListener: (position) {
        setState(() {
        currentPage = position;
        });
    },
)

TabData

imageData -> Image path to be used for the tab
title -> String to be used for the tab
onClick -> Optional function to be used when the circle itself is clicked, on an active tab

Attributes

required

tabs -> List of TabData objects
onTabChangedListener -> Function to handle a tap on a tab, receives int position

optional

initialSelection -> Defaults to 0
circleColor -> Defaults to null, derives from Theme
activeIconColor -> Defaults to null, derives from Theme
inactiveIconColor -> Defaults to null, derives from Theme
taxtColor -> Defaults to null, derives from Theme
barBackgroundColor -> Defaults to null, derives from Theme
key -> Defaults to null

Theming

The bar will attempt to use your current theme out of the box, however you may want to theme it. Here are the attributes:

pub.dev Link

https://pub.dev/packages/fancy_bottom_navigation_image

Showcase

Using this package in a live app, let me know and I'll add you app here.

Clone

This package is clone of fancy_bottom_navigation plugins and changed for images instead of Icons.
https://github.com/tunitowen/fancy_bottom_navigation