Build an Adaptive, Responsive Note-Taking Application with Flutter and Dart Frog

Flutter is a multiplatform framework, which means that we are not just limited to one platform or a handful of screen sizes. To truly maximize the potential of Flutter, our application must adapt to being used on different platforms and respond to being used in different screen sizes.

In this chapter, we will learn how to leverage layout widgets such as MediaQuery and ConstrainedBox (just to name a few) to build a responsive and adaptive application. We will create a note-taking application like Google Keep, where users can create and edit notes and view them as a list, and demonstrate responsive and adaptive design by having the application’s UI change depending on the platform being either mobile or desktop.

So, first we will learn about the differences between responsive and adaptive layouts. Then, we will enhance our application to be responsive. Next, we will enhance our application...