fancy_bottom_bar 0.0.1

Flutter Android iOS web

A different take on your standard bottom app bar. Inspired by \https://dribbble.com/shots/6957731-Reader-app-tab-bar

fancy_bottom_bar #

A different take on your standard bottom app bar. Inspired by https://dribbble.com/shots/6957731-Reader-app-tab-bar

FancyBottomBar #

Demo Gif

Getting Started #

Add the plugin:

dependencies:
  ...
  fancy_bottom_bar: ^0.0.1

Basic Usage #

Adding the widget to a Scaffold

bottomNavigationBar: FancyBottomBar(
     items: [
              FancyBottomItem(title: Text("Home"), icon: Icon(Icons.home)),
              FancyBottomItem(title: Text("Connect"), icon: Icon(Icons.usb)),
              FancyBottomItem(title: Text("Profile"), icon: Icon(Icons.person))
    ],
    onItemSelected: (i) => setState(() => selectedPos = i),
    selectedPosition: selectedPos,
)

FancyBottomBar #

required #

items -> List of FancyBottomItem objects<br/> onItemSelected -> Function to handle a tap selection change, receives an int<br/> selectedPosition -> The currently selected position<br/>

optional #

height -> The height of the FancyBottomBar, defaults to 64<br/> elevation -> The elevation for the FancyBottomBar, defaults to 8<br/> bgColor -> The bottom app bar's background color, defaults to theTheme's bottomAppBarColor<br/> indicatorColor -> The tiny circle indicator color, defaults to Colors.black<br/> selectedColor -> The pulsing circle's color, defaults to theTheme's accentColor<br/>

FancyBottomItem #

title -> The widget to be used as the Title for this tab, usually a Text Widget<br/> icon -> The widget to be used as the Icon for this tab, usually an Icon Widget<br/>

Contributing #

Contributions are always welcome, feel free to open a PR.

License #


Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
16
likes
100
pub points
73%
popularity

A different take on your standard bottom app bar. Inspired by \https://dribbble.com/shots/6957731-Reader-app-tab-bar

Homepage

Documentation

API reference

Uploader

robdeknegt@gmail.com

License

Apache 2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on fancy_bottom_bar