Skip to content

Create a responsive app using BottomNavigationBar, TabBar, and NavigationRail.

Notifications You must be signed in to change notification settings

SinaSys/nav_rail_bottom_nav_responsive_flutter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

nav_rail_bottom_nav_reponsive

Create a responsive app using BottomNavigationBar, TabBar, and NavigationRail.

nav_rail_bottom_nav_reponsive

🚀 Features :

  • Display BottomNavigationBar for small screen devices
  • Display TabBar for medium screen devices
  • Display NavigationRail for large size devices
  • Add or remove screens only by modifying the model class
  • 📂 Directory Structure :

    lib
    │───main.dart    
    │───responsive_util.dart
    └───screen
        │   │────add_screen.dart
        │   │────favorite_screen.dart
        │   │────home_screen.dart
        │   │────profile_screen.dart
        │   └────setting_screen.dart
        │
        widgets
            │────bottom_nav.dart
            │────nav_rail.dart
            │────tab_bar.dart
            └────widget_data_provider.dart

About

Create a responsive app using BottomNavigationBar, TabBar, and NavigationRail.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published