SarangOriginal / sphere_bottom_navigation_bar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sphere Bottom Navigation Bar

Sphere Bottom Navigation Bar is flutter package, You can create beautiful awesome degined bottom navigation bar with importing this library

Getting Started

1. Add the dependencies to [pubspec.yaml]

dependencies:
   sphere_bottom_navigation_bar: ^1.0.0

2. Install it

You can install packages from the command line:

$ flutter packages get

3. Import package

import  'package:sphere_bottom_navigation_bar/sphere_bottom_navigation_bar.dart';

4. Example:

bottomNavigationBar: SphereBottomNavigationBar(  
  defaultSelectedItem: 0,  
  sheetRadius: BorderRadius.only(  
      topLeft: Radius.circular(20), topRight: Radius.circular(20)),  
  onItemPressed: (index) => setState(() {  
        print('Selected item is - $index');  
      }),   
  navigationItems: [  
    BuildNavigationItem(  
      tooltip: 'Home',  
  itemColor: Color(0xFFFFD6B2),  
  icon: Icon(Icons.home),  
  selectedItemColor: Color(0xFFFFD6B2),  
  ),  
  BuildNavigationItem(  
      tooltip: 'Chat',  
  itemColor: Color(0xFFB2F4FF),  
  icon: Icon(Icons.chat),  
  selectedItemColor: Color(0xFFB2F4FF),  
  ),  
  BuildNavigationItem(  
      tooltip: 'Peoples',  
  itemColor: Color(0xFFCDB2FF),  
  icon: Icon(Icons.people),  
  selectedItemColor: Color(0xFFCDB2FF),  
  ),  
  BuildNavigationItem(  
        tooltip: 'Settings',  
  itemColor: Color(0xFFFFB2D9),  
  icon: Icon(Icons.settings),  
  selectedItemColor: Color(0xFFFFB2D9)),  
  ],  
),

Screenshots

drawing drawing drawing

About

License:MIT License


Languages

Language:Dart 83.6%Language:Java 11.3%Language:Objective-C 5.2%