Skip to content

Latest commit

 

History

History
34 lines (27 loc) · 1.05 KB

File metadata and controls

34 lines (27 loc) · 1.05 KB

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