bottom_nav_swipe_up

Description:

bottom nav swipe up

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
Usage
Documentation

SlidableScreen


Author & Support

Getting Started #


Add this to your pubspec.yaml
dependencies:
bottom_nav_swipe_up: ^0.0.9

copied to clipboard


Get the package from Pub:
flutter packages get
copied to clipboard


Import it in your file
import 'package:bottom_nav_swipe_up/bottom_nav_swipe_up.dart';
copied to clipboard


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"),
],
);
copied to clipboard
slidableWidget = Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("My bottom nav widget"),
Text("Hey"),
],
);
copied to clipboard

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
),
);
}
copied to clipboard

Check out the complete Example

Documentation #
SlidableScreen #
Please Refer to API documentation for more details.



Property
Type
Description
Default Value




scaffoldBackgroundColor
Color
Set a background color for scaffold.
@required value


backgroundColor
Color
Set a background color for background.
@required value


slidableWidgetBackgroundColor
Color
Set a background color for slidable widget.
@required value


bottomNavigationBarBackgroundColor
Color
Set a background color for bottom navigation bar.
@required value


bottomNavigationBarWidget
Widget
Widget you want to display as bottom navigation bar.
@required value


slidableWidget
Widget
Widget you want to display as slidable screen.
@required value



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 🤘

PayPal

Or you can also connect/endorse me on LinkedIn or Instagram to keep me motivated.