Last updated:
0 purchases
navigation action bar
Navigation Action Bar #
A flutter package for a beautiful modern Navigation Bar along with a Floating Action Bar
Table of contents #
Installing
Usage
Attributes
License
Installing #
1. Depend on it #
Add this to your package's pubspec.yaml file:
dependencies:
navigation_action_bar: ^0.0.1
copied to clipboard
2. Install it #
You can install packages from the command line:
with pub:
$ pub get
copied to clipboard
with Flutter:
$ flutter packages get
copied to clipboard
3. Import it #
Now in your Dart code, you can use:
import 'package:navigation_action_bar/navigation_action_bar.dart';
copied to clipboard
Usage #
Scaffold(
bottomNavigationBar: NavigationActionBar(
context: context,
scaffoldColor: Colors.blueAccent,
index: 0,
subItems: [
NavBarItem(iconData: Icons.attach_file, size: 25),
NavBarItem(iconData: Icons.photo, size: 25),
NavBarItem(iconData: Icons.camera_alt, size: 25),
],
mainIndex: 2,
items: [
NavBarItem(iconData: Icons.list, size: 30),
NavBarItem(iconData: Icons.compare_arrows, size: 30),
NavBarItem(iconData: Icons.add, size: 40),
NavBarItem(iconData: Icons.call_merge, size: 30),
NavBarItem(iconData: Icons.person, size: 30),
],
onTap: (index) {
setState(() {
currentIndex = index;
});
},
)
copied to clipboard
Attributes #
Dart attribute
Datatype
Description
Default Value
index
int
Specifies the index of the tab which needs to be open initially
0
mainIndex
int
Specifies the index where the Rotating Button should be placed
@required
items
List<NavBarItem>
The list of widgets which are to be displayed in the Navigation Bar
@required
subItems
List<NavBarItem>
The list of widgets which are to be displayed in Action Bar
@required
scaffoldColor
Color
The color of the scaffold
Colors.blueAccent
backgroundColor
Color
The background color of Navigation Bar
Colors.white
animationCurve
AnimationCurve
Specifies the type of animation curve used by action buttons
Curves.bounceOut
animationDuration
Duration
Specifies how long the animation will last
300 Milliseconds
License #
Navigation_Action_Bar is licensed under MIT license. View license.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.