Skip to content

sahharYoucef/Circle_navigation_bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

flutter_navigations_bar

A new Flutter package for navigations bar.

Getting Started

Alt Text

Bouncing Circle navigation bar

properties :

  1. final double navbarHeight;
  2. final Color navBarColor;
  3. final List circleIcons;
  4. final List navBarIcons;
  5. final Color navBarUnselectedIconsColor;
  6. final Color navBarSelectedIconsColor;
  7. final Color circleIconsColor;
  8. final Duration duration;
  9. final List circleLayersColors;
  10. final double margin;
  11. final BorderRadius borderRadius;

Example :

 return Scaffold(
      backgroundColor: Colors.amber,
      body: Stack(
        children: <Widget>[
          Align(
            alignment: Alignment.bottomCenter,
            child: CircleNavigationBar(
              circleIcons: [
                CustomIcon(icon: Icon(Icons.call), onPressed: () {}),
                CustomIcon(icon: Icon(Icons.message), onPressed: () {}),
                CustomIcon(icon: Icon(Icons.accessible), onPressed: () {}),
              ],
              navBarIcons: [
                CustomIcon(icon: Icon(Icons.home), onPressed: () {}),
                CustomIcon(
                    icon: Icon(Icons.supervised_user_circle), onPressed: () {}),
                CustomIcon(icon: Icon(Icons.settings), onPressed: () {}),
                CustomIcon(icon: Icon(Icons.exit_to_app), onPressed: () {}),
              ],
              margin: 16.0,
              borderRadius: BorderRadius.circular(16),
            ),
          )
        ],
      ),
    );

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published