bdnavs

BDNavs give you awesome bottomnavbar. it is animated navbar.

Install

  1. Depend on it Add this to your package's pubspec.yaml file:
dependencies:
  bdnavs: ^0.0.5
  1. 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.

  1. 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

PropertyUseType
isDowntrue for down wave(bool)
isDownfalse for upper wave(bool)
indexfor 4 or 5 tabs(int)
iconDisableColorsuse Colors. or Color()(Color)
iconColorsuse Colors. or Color()(Color)
iconBackColorsuse Colors. or Color()(Color)
navBackColorsuse Colors. or Color()(Color)
iconsfor 4 or 5 icon(IconData)
appfor 4 or 5 class(int)

Demo

  <img src="https://i.ibb.co/WH6M2PG/Screenshot-21.png" alt="How example looks" width="300" height="540">
How example looks How example looks How example looks How example looks How example looks How example looks How example looks

Libraries

bdnavs
bottom_curved_Painter
bottom_curved_Painter_up
bottom_navigation_bar
centered_elasticIn_curve