https://github.com/mabt-tech-com/flutter-ui-adaptive-demo

✅ adaptive nav bar UI for web and mobile ~ this is only a simple example that will help you to better understand and will help you with your coding :)
https://github.com/mabt-tech-com/flutter-ui-adaptive-demo

adaptive flutter nav-bar

Last synced: 2 days ago
JSON representation

✅ adaptive nav bar UI for web and mobile ~ this is only a simple example that will help you to better understand and will help you with your coding :)

• Host: GitHub
• URL: https://github.com/mabt-tech-com/flutter-ui-adaptive-demo
• Owner: mabt-tech-com
• Created: 2023-02-13T09:44:41.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-13T09:55:34.000Z (almost 2 years ago)
• Last Synced: 2024-11-22T04:24:11.923Z (2 months ago)
• Topics: adaptive, flutter, nav-bar
• Language: Dart
• Homepage: https://github.com/gskinnerTeam/flutter-adaptive-demo
• Size: 185 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# adaptive_app_demos

Demo code for adaptive app development techniques.

## ✌ Preview























---




### Demonstrated in this repo:

source : 

[https://github.com/gskinnerTeam/flutter-adaptive-demo](https://github.com/gskinnerTeam/flutter-adaptive-demo)

* Login view

  * re-flows from vertical to horizontal layout depending on screen size

  * shows how to use horizontal constraints to stop an item from growing excessively large

* Main App Scaffold

  * a responsive scaffold that changes from tab bar + drawer, to a combined side-menu for larger screens

  * children are shared between widgets showing how you can reuse the same widget in multiple places

* A custom title bar is implemented for all platforms using a single widget

  * VisualDensity is controlled with a button inside the title bar, and changes density across the entire app

  * VisualDensity button is right-aligned on macOS to not conflict with native window controls

* AdaptiveGrid uses LayoutBuilder to create a responsive grid,

  * //TODO: shows cross platform multi-select behavior

  * //TODO: shows popups and right-click menu to delete

  * //TODO: shows select all and delete behavior

* AdaptiveDataTable uses LayoutBuilder to add/remove columns in a table, depending on space available

* AdaptiveReflow uses LayoutBuilder to reflow between 3 different layout types: Vertical, Horizontal and Mixed.

* FocusExamples show various examples of how you can control focusable widgets and listen for key events

* Logout dialog contains adaptive logic to place the "Ok" button on the left-hand side on Windows, as per OS convention.