Introduction to responsiveness and adaptiveness
In Flutter you will commonly hear the terms adaptive and responsive when referring to building applications. While these terms are both related to layout, they have very different meanings:
- Responsive design refers to adjusting the layout of the application for the available screen size.
- Adaptive design refers to adjusting the behavior, layout, and even the UI of the application for the platform or device type in use, such as mobile, desktop, or web.
An application can be responsive without being adaptive, or adaptive without being responsive. Alternatively, an application can be neither. We have all opened a fair share of applications that, regardless of the device, still look and behave like mobile applications. The starter version of our Notes application does just that.
Run flutter run -d {platform}
from the notes_app
folder, substituting {platform}
for the desktop platform that you are developing on. Even though...