ultimate_navigation_bar 0.1.4 ultimate_navigation_bar: ^0.1.4 copied to clipboard
The ultimate navigation bar for flutter. Easy to use and highly customizable.
import 'package:flutter/material.dart';
import 'package:ultimate_navigation_bar/ultimate_navigation_bar.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
int currentIndex = 0;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.blue.shade100,
appBar: AppBar(
title: const Text('Ultimate Navigation Bar'),
),
body: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'Ultimate Navigation Bar',
),
],
),
),
bottomNavigationBar: UltimateNavBar(
currentIndex: currentIndex,
backgroundColor: Colors.blue.shade500,
gradientColors:[
Colors.green.shade400,
Colors.green.shade700,
Colors.green.shade900,
],
gradientType: GradientType.vertical,
itemsColor: Colors.white,
isFloating: true,
iconsSize: 30,
borderRadiusBar: BorderRadius.circular(80),
showIndicator: true,
items: [
NavBarItem(
label: 'Search',
icon: Icons.search,
onTap: () {
print('tapped');
}),
NavBarItem(
label: 'Profile',
icon: Icons.person,
onTap: () {
print('tapped');
}),
NavBarItem(
label: 'Profile',
icon: Icons.person,
onTap: () {
print('tapped');
}),
NavBarItem(
label: 'Profile',
icon: Icons.person,
onTap: () {
print('tapped');
}),
],
onChanged: (value) {
currentIndex = value;
setState(() {});
},
),
),
);
}
}