https://github.com/iamngoni/floating_navbar
Simple Flutter Floating Navbar
https://github.com/iamngoni/floating_navbar
Last synced: about 2 months ago
JSON representation
Simple Flutter Floating Navbar
- Host: GitHub
- URL: https://github.com/iamngoni/floating_navbar
- Owner: iamngoni
- License: apache-2.0
- Created: 2020-10-28T13:42:31.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-02-20T10:41:02.000Z (4 months ago)
- Last Synced: 2025-03-25T13:01:50.410Z (3 months ago)
- Language: Dart
- Size: 457 KB
- Stars: 11
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# floating_navbar
### Simple customisable floating bottom navigation bar.
## Usage
### Add dependency
```yaml
floating_navbar: ^3.0.0
```
### Import package
```dart
import 'package:floating_navbar/floating_navbar.dart';
```
### Use in code as follows
```dart
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'FloatingNavBar',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: FloatingNavBar(
resizeToAvoidBottomInset: false,
color: Colors.green,
selectedIconColor: Colors.white,
unselectedIconColor: Colors.white.withOpacity(0.6),
items: [
FloatingNavBarItem(iconData: Icons.home_outlined, page: Home(), title: 'Home'),
FloatingNavBarItem(iconData: Icons.local_hospital_outlined, page: Doctors(), title: 'Doctors'),
FloatingNavBarItem(iconData: Icons.alarm, page: Reminders(), title: 'Reminders'),
FloatingNavBarItem(iconData: Icons.pending_actions_outlined, page: Records(), title: 'Records'),
],
horizontalPadding: 10.0,
hapticFeedback: true,
showTitle: true,
),
);
}
}
```
> Thanks to [Darshan Aswath](https://github.com/xanf-code), [Kuda K](https://github.com/kudak3) and [Altay](https://github.com/altaysakarya)
### Screenshot
[](https://www.iamngoni.co.zw)