bottom_nav_swipe_up 0.0.9
bottom_nav_swipe_up: ^0.0.9 copied to clipboard

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.9
    
    
  • 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
      ),
    );
  }

Documentation #

SlidableScreen #

Please Refer to API documentation for more details.

PropertyTypeDescriptionDefault Value
scaffoldBackgroundColorColorSet a background color for scaffold.@required value
backgroundColorColorSet a background color for background.@required value
slidableWidgetBackgroundColorColorSet a background color for slidable widget.@required value
bottomNavigationBarBackgroundColorColorSet a background color for bottom navigation bar.@required value
bottomNavigationBarWidgetWidgetWidget you want to display as bottom navigation bar.@required value
slidableWidgetWidgetWidget 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 🤘

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

5
likes
120
pub points
5%
popularity

A new Flutter package to show bottom navigation on swipe up and hide it on swipe down.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on bottom_nav_swipe_up