bdnavs 0.0.4 bdnavs: ^0.0.4 copied to clipboard
BDNavs give you awesome bottomnavbar. it is animated navbar.
bdnavs #
BDNavs give you awesome bottomnavbar. it is animated navbar.
Install #
- Depend on it Add this to your package's pubspec.yaml file:
dependencies:
bdnavs: ^0.0.3
- Install it You can install packages from the command line:
with Flutter:
$ flutter pub get
Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.
- Import it Now in your Dart code, you can use:
import 'package:bdnavs/bdnavs.dart';
MIT License #
Copyright (c) 2020 salimmurshed12@gmail.com
Name: Salim Murshed Country: Bangladesh Email: salimmurshed12@gmail.com
Getting Started #
Use the below code on your app body.
NavBs4Down(
isDown:false,
index:5,
iconColors: Colors.blue,
iconDisableColors: Colors.blue,
iconBackColors: Colors.red,
navBackColors: Colors.green,
icons:<IconData> [
Icons.home,
Icons.search,
Icons.airplanemode_active,
Icons.favorite,
Icons.add
],//
app: [
Home(),
Home1(),
Home(),
Home1(),
Home(),
],
)
Property #
Property | Use | Type |
---|---|---|
isDown | true for down wave | (bool) |
isDown | false for upper wave | (bool) |
index | for 4 or 5 tabs | (int) |
iconDisableColors | use Colors. or Color() | (Color) |
iconColors | use Colors. or Color() | (Color) |
iconBackColors | use Colors. or Color() | (Color) |
navBackColors | use Colors. or Color() | (Color) |
icons | for 4 or 5 icon | (IconData) |
app | for 4 or 5 class | (int) |
Demo #
<img src="https://i.ibb.co/WH6M2PG/Screenshot-21.png" alt="How example looks" width="300" height="540">