Beauty Navigation
A beautiful navigation bar to use in flutter Inspired from the #dribbble shot by Mauricio Bucardo @m.bucardo
Usage
Add the Package in pubspec.yaml
dev_dependencies:
flutter_test:
sdk: flutter
beauty_navigation: any
Import the Package in your dart file
import 'package:beauty_navigation/beauty_navigation.dart';
Add the Widget to Bottom Navigation bar in Scaffold
NOTE: Minimum Items is 2 and Maximum is 4 in-order to keep the bar Beautiful
return Scaffold(
body: Container(),
bottomNavigationBar: BeautyNavigation(
items: <Items>[
Items(
icon: Icon(Icons.airline_seat_flat),
tabName: 'Sleep',
onClick: () {
print('Sleep');
},
),
Items(
icon: Icon(Icons.wifi_tethering),
tabName: 'Wifi',
onClick: () {
print('Wifi');
},
),
Items(
icon: Icon(Icons.adjust),
tabName: 'Adjust',
onClick: () {
print('Adjust');
},
),
Items(
icon: Icon(Icons.cake),
tabName: 'Cake',
onClick: () {
print('Cake');
},
)
],
));
More Options to customize the navigation bar
All the values below are default
bottomNavigationBar: BeautyNavigation(
activeIconColor: Colors.deepOrangeAccent,
inactiveIconColor: Colors.white,
animationDuration: Duration(milliseconds: 500),
circleColor: Colors.white,
backgroundColor: Colors.indigo,
height: 100,
)
4 Dec 21, 2022
23 Jan 15, 2022
647 Dec 28, 2022
0 May 26, 2022
8 Oct 31, 2022
112 Nov 23, 2022
28 Sep 5, 2022
1 Nov 6, 2021
692 Jan 2, 2023
204 Dec 16, 2022