circle_bottom_navigation 1.0.3 copy "circle_bottom_navigation: ^1.0.3" to clipboard
circle_bottom_navigation: ^1.0.3 copied to clipboard

outdated

An animated, beauty and functional Bottom Navigation Bar for Flutter.

Circle Bottom Navigation #

Getting Started #

Add the plugin:

dependencies:
  ...
  circle_bottom_navigation: ^1.0.3

Minimum Usage #

bottomNavigationBar: CircleBottomNavigation(
  initialSelection: currentPage,
  tabs: [
    TabData(icon: Icons.home),
    TabData(icon: Icons.history),
    TabData(icon: Icons.search),
    TabData(icon: Icons.alarm),
  ],
  onTabChangedListener: (index) {
    setState(() {
      currentPage = index;
    });
  },
)

Attributes #

Required #

initialSelection -> The number of page you want to start/navigate, receive a int
tabs -> List of TabData objects
onTabChangedListener -> Function to handle a tap on a tab, receives int position

Optional #

circleColor -> Defaults to null, derives from Theme
activeIconColor -> Defaults to null, derives from Theme
inactiveIconColor -> Defaults to null, derives from Theme
textColor -> Defaults to null, derives from Theme
barBackgroundColor -> Defaults to null, derives from Theme
circleSize -> Defaults to 60, size of intern circle
barHeight -> Defaults to 60, height of bar
arcHeight -> Defaults to 70, height of external circle arc
arcWidth -> Defaults to 90, width of external circle arc
circleOutline -> Defaults to 10
shadowAllowance -> Defaults to 20, size of shadow
key -> Defaults to null

TabData #

Required #

icon -> Icon to be used for the TabData

Optional #

title -> String to be used for the tab
onClick -> Function to be used when the circle itself is clicked, on an active tab
iconSize -> Size of icon displayed active and not active
fontSize -> Size of font in case of title has informed
fontWeight -> Weight of font in case of title has informed

Example #

There is a example project in the example folder. Check it out.

Showcase #

If you use this package in a live app, let me know and I'll add your app here. ;)

Contributing #

Found a bug? Please, submit a PR!

36
likes
0
pub points
60%
popularity

Publisher

unverified uploader

An animated, beauty and functional Bottom Navigation Bar for Flutter.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

analyzer, flutter, vector_math

More

Packages that depend on circle_bottom_navigation