bottom_navigation_dot 0.0.1 bottom_navigation_dot: ^0.0.1 copied to clipboard
A new Flutter package which helps developers in creating bottom navigation dot
bottom_navigation_dot #
A new Flutter package which helps developers in creating bottom navigation dot
Screenshots #
- Set Background Color
- Time Animation
- Active Color
- Color
- Dot Padding
Usage #
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,
),