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 :coffee: to keep me recharged :metal:

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

Libraries

bottom_nav_swipe_up
constants
home_controller