glass_bottom_navigation_bar 0.0.4
glass_bottom_navigation_bar: ^0.0.4 copied to clipboard
A beautiful and customizable glassmorphism bottom navigation bar for Flutter applications.
Glass Bottom Navigation Bar #
A Beautiful, Modern, and Highly Customizable Glassmorphism Bottom Navigation Bar for Flutter Applications
Features #
- Modern Glassmorphism effect
- ✅ Highly customizable appearance
- Blur intensity
- Background color
- Opacity
- Border color & width
- Border radius
- Lightweight and easy to use
- Drop-in replacement for Flutter's standard
BottomNavigationBar - Works seamlessly with modern Flutter applications
- Optional Haptic Feedback for premium user experience
📦 Installation #
Add the package to your pubspec.yaml :
dependencies:
glass_bottom_navigation_bar: ^0.0.4
Then run :
flutter pub get
Import #
import "package:glass_bottom_navigation_bar/glass_bottom_navigation_bar.dart";
Usage #
Scaffold(
extendBody: true, // Required to show the glass effect over the body
bottomNavigationBar: GlassBottomNavigationBar(
currentIndex: _currentIndex,
enableHapticFeedback: false, // Enable it if you want to have haptic feedback on icon taps
onTap: (index) {
setState(() {
_currentIndex = index;
});
},
items: [
BottomNavigationBarItemData(
icon: const Icon(Icons.home),
label: "Home",
),
BottomNavigationBarItemData(
icon: const Icon(Icons.search),
label: "Search",
),
BottomNavigationBarItemData(
icon: const Icon(Icons.person),
label: "Profile",
),
],
),
);
📸 Preview #
Contributing #
Contributions, issues, and feature requests are welcome !
If you have ideas to improve this package, feel free to open an issue or submit a pull request
Issues & Feature Requests #
Found a bug or have a feature request ?
Please open an issue on GitHub:
https://github.com/Ismail-Magdy/glass_bottom_nav_bar/issues
Repository #
GitHub Repository:
https://github.com/Ismail-Magdy/glass_bottom_nav_bar
If you find this package useful, consider giving it a ⭐ on GitHub.
