bottom_nav_swipe_up 0.0.3 bottom_nav_swipe_up: ^0.0.3 copied to clipboard
A new Flutter package to show bottom navigation on swipe up and hide it on swipe down.
//A new Flutter package to show bottom navigation on swipe up and hide it on swipe down.
Bottom Nav Swipe Up is flutter package to show bottom navigation on swipe up and hide it on swipe down.
Table of contents #
Getting Started #
-
Add this to your pubspec.yaml
dependencies: bottom_nav_swipe_up: ^0.0.3
-
Get the package from Pub:
flutter packages get
-
Import it in your file
import 'package:bottom_nav_swipe_up/bottom_nav_swipe_up.dart';
Usage #
Bottom Nav Swipe Up
just requires the slidable and bottom navigation bar widgets. Just to provide flexibity to the developer to design its own UI through it.
bottomNavigationBarWidget = Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("My slidable widget"),
Text("Hey"),
],
);
slidableWidget = Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("My bottom nav widget"),
Text("Hey"),
],
);
- Now just pass these widgets to SlidableScreen widget.
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: SlidableScreen(
scaffoldBackgroundColor: Colors.white,
backgroundColor: Colors.grey,
slidableWidgetBackgroundColor: Colors.white,
bottomNavigationBarBackgroundColor: Colors.grey,
bottomNavigationBarWidget: bottomNavigationBarWidget,
slidableWidget: slidableWidget
),
);
}
- Check out the complete Example
Documentation #
LiquidSwipe #
Please Refer to API documentation for more details.
| Property | Type | Description |
|-|:-:|-|:-:|
| scaffoldBackgroundColor | Color
| Set a background color for scaffold. |
| backgroundColor | Color
| Set a background color for background. |
| slidableWidgetBackgroundColor | Color
| Set a background color for slidable widget. |
| bottomNavigationBarBackgroundColor | Color
| Set a background color for bottom navigation bar. |
| bottomNavigationBarWidget | Widget
| Widget you want to display as bottom navigation bar. |
| slidableWidget | Widget
| Widget you want to display as slidable screen. |
Author & support #
This project is created by Faiz Ahammed but with lots of support and help. See credits.
If you appreciate my work, consider buying me a cup of ☕ to keep me recharged 🤘
Or you can also connect/endorse me on LinkedIn or Instagram to keep me motivated.