bottom_navigation_dot

A new Flutter package which helps developers in creating bottom navigation dot

Screenshots

  • x Set Background Color
  • x Time Animation
  • x Active Color
  • x Color
  • x Dot Padding

Usage

Example

Let's get started

1 - Depend on it

Add this to your package's pubspec.yaml file:

  dependencies:
    flutter:
      sdk: flutter
    bottom_navigation_dot:

2 - Install it

install packages from the command line:

flutter packages get

3 - Import it

Now in your Dart code, you can use:

import 'package:bottom_navigation_dot/bottom_navigation_dot.dart';

5 - Use it Bottom Navigation Dot

      bottomNavigationBar: new BottomNavigationDot(
        paddingBottomCircle: 21,
        color: Colors.grey,
        backgroundColor: Colors.white,
        activeColor: Colors.amber,
        items: [
          new BottomNavigationDotItem(icon: Icons.edit,onTap: (){changePage("green");}),
          new BottomNavigationDotItem(icon: Icons.cached,onTap: (){changePage("red");}),
          new BottomNavigationDotItem(icon: Icons.cake,onTap: (){changePage("orange");}),
        ],
         milliseconds: 400,
      ),

Good luck ❤️

bottom-navigation-dot

bottom-navigation-dot

Libraries

bottom_navigation_dot