Additional resources

If you'd like to see how the adaptive and responsive concepts (as described in these pages) come together. check out the source code for the following apps:

• Wonderous
• Flutter adaptive demo

Of course, these pages don't constitute an exhaustive list of the things you might consider. The more operating systems, form factors, and input devices you support, the more difficult it becomes to spec out every permutation in design.

Taking time to learn basic usability principles as a developer empowers you to make better decisions, reduces back-and-forth iterations with design during production, and results in improved productivity with better outcomes.

Here are some resources that you might find useful:

• Android large screen guidelines
• Material guidelines on applying layout
• Material design for large screens
• Material guidelines on canonical layouts
• Build high quality apps (Android)
• UI design do's and don'ts (Apple)
• Human interface guidelines (Apple)
• Responsive design techniques (Microsoft)
• Machine sizes and breakpoints (Microsoft)
• How to build Adaptive UI with Flutter, a Google I/O 2024 video.

Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2024-05-31. View source or report an issue.