A new Flutter package for navigations bar.

Overview

flutter_navigations_bar

A new Flutter package for navigations bar.

Getting Started

Alt Text

Bouncing Circle navigation bar

properties :

  1. final Function(int) onchanged : required value
  2. final Color iconColor : Default => Colors.white;
  3. final List icons : required value;
  4. final Color barColor : Default => Colors.amber;
  5. final Color circleColor : Default => Colors.cyan;
  6. final BoxShadow boxShadow;
  7. final Gradient gradient;
  8. final double margin : Default => 0.0;
  9. final double height : Default : 70.0;

Example :

CustomBottomNavigationBar(
              height: 100,
              margin: 16.0,
              icons: <BarIcon>[
                BarIcon(
                    icon: Icon(Icons.access_alarm),
                    lable: "Alarm",
                    onPressed: () {}),
                BarIcon(
                    icon: Icon(Icons.cake), 
                    lable: "Cake", 
                    onPressed: () {}),
                BarIcon(
                    icon: Icon(Icons.account_circle),
                    lable: "Account",
                    onPressed: () {}),
                BarIcon(
                    icon: Icon(Icons.add_a_photo),
                    lable: "Camera",
                    onPressed: () {}),
              ],
              barColor: Colors.red,
              circleColor: Colors.orange,
              iconColor: Colors.black,
            ),

Highlight navigation bar

properties :

  1. final double height : required value
  2. final List icons : required value
  3. final Duration duration : Default(Duration(milliseconds: 900))
  4. final Color backgroundColor : Default(Color(0xff2c362f))
  5. final Color unselectedIconColor : Default(Colors.grey)
  6. final Color selectedIconColor : Default(Colors.white)

Example :

 NavigationBar(
              height: 100,
              icons: [
                IconButton(icon: Icon(Icons.access_alarm), onPressed: (){}),
                IconButton(icon: Icon(Icons.accessibility_new), onPressed: (){}),
                IconButton(icon: Icon(Icons.add_call), onPressed: (){}),
                IconButton(icon: Icon(Icons.satellite), onPressed: (){}),
              ],
            ),
You might also like...

A new Flutter package customtoggleswitch is used to toggle a setting between on/off which is true/false respectively Created by suryadevsingh.

A new Flutter package customtoggleswitch is used to toggle a setting between on/off which is true/false respectively Created by suryadevsingh.

CustomToggleSwitch A new Flutter package customtoggleswitch is used to toggle a setting between on/off which is true/false respectively Created by sur

Jun 9, 2020

A new Flutter package for circle list.

A new Flutter package for circle list.

circle_list A new Flutter package for Circle List. Add dependency dependencies: circle_list: ^1.0.2 Super simple to use import 'package:flutter/mat

Dec 15, 2022

A new Flutter package which helps you to implement Ticket Widget in your app.

A new Flutter package which helps you to implement Ticket Widget in your app.

flutter_ticket_widget A new Flutter package which helps you to implement Ticket Widget in your app. The source code is 100% Dart, and everything resid

Dec 22, 2022

BubbleShowcase is a small but power flutter package that allows you to highlight specific parts of your app to explain them to the user or to showcase your app new features.

BubbleShowcase BubbleShowcase is a small but powerful flutter package that allows you to highlight specific parts of your app (to explain them to the

Oct 26, 2022

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

Jan 8, 2022

A new Flutter material DropdownButton package.

A Flutter material DropdownButton Plus package. platform enable Android ✔️ IOS ✔️ Web ✔️ Macos ✔️ Windows ✔️ Linux ✔️ Github pub.dev Getting started ?

Sep 7, 2022

A future based dart package for the NLT (New Living Translation) API.

NLT API Bible for Dart A future based dart package for the NLT API from Tyndale which can be used to fetch NLT and KJV bible passages. This package re

Nov 17, 2022

Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar.

Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar.

Gooey Tab Bar Flutter Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Tab Bar. About This component

Dec 14, 2022

Flutter-FFNavigationBar - Configurable navigation bar for Flutter

Flutter-FFNavigationBar - Configurable navigation bar for Flutter

ff_navigation_bar A highly configurable navigation bar with emphasis for the selected item. Add dependency dependencies: ff_navigation_bar: ^0.1.5

Sep 22, 2022
Owner
Sahhar Youcef
Hey there Hi, I'm Sahhar Youcef, a Full Stack Developer 🚀 from Algeria, currently, I'm a Flutter Dev 🙍🏽‍♂️.
Sahhar Youcef
Flutter-nav-bottom-bar-tutorial - A flutter bottom navigation bar tutorial

Flutter Bottom Navigation Bar Tutorial A tutorial with various Flutter bottom na

Aleyna Eser 2 Oct 25, 2022
A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your issue.

r_scan A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your iss

PengHui Li 112 Nov 11, 2022
Starlight search bar - Starlight search bar with flutter

starlight_search_bar If you find the easiest way to search your item, this is fo

Ye Myo Aung 1 Apr 20, 2022
Animation nav bar - Flutter Animated Navigation Bar

Flutter Animated Navigation Bar Getting Started This project is a starting point

Sudesh Nishshanka Bandara 23 Dec 30, 2022
Custom bottom bar - A bottom tool bar that can be swiped left or right to expose more tools.

custom_bottom_bar A bottom tool bar that can be swiped left or right to expose more tools. usage Create your custom bottom bars with up to four custom

null 4 Jan 26, 2020
This is a JazzCash UI clone ( Modern Wallet App in Pakistan), implementing modern app bar animmation. One can take a concept of making app bar with animation.

jazzcash_ui This is a JazzCash UI clone ( Modern Wallet App in Pakistan), implementing modern app bar animmation. One can take a concept of making app

null 9 Nov 27, 2022
New trick on how to create your own custom icons in flutter with bottom bar navigation

Customized Bottom Navigation Bar in Flutter | Tech With Sam Customized Bottom Navigation Bar in Flutter - Watch on youtube ✌   App Preview App Screens

Samuel Adekunle 10 Oct 26, 2022
This is repository for Spin Circle Bottom Navigation Bar Package for Flutter

Spin Circle Bottom Bar An easy to implement Spin Circle Bottom Navigation Bar for Flutter Applications. Current Features Initial Release for Spin Circ

Paras Jain 79 Dec 22, 2022
Open source Flutter package, bar indicator made of a series of selected and unselected steps

Step Progress Indicator Open source Flutter package, bar indicator made of a series of selected and unselected steps. Made by Sandro Maglione, check o

Sandro Maglione 138 Dec 15, 2022
Open source Flutter package, simple circular progress bar.

Simple circular progress bar Open source Flutter package, simple circular progress bar. Getting Started Installing Basic Examples Colors Start angle L

null 6 Dec 23, 2022