Prerequisites and Objectives

To understand the code snippets fully, we must have an understanding of the following:

• Dart: The programming language Flutter is based on.
• Widgets: Flutter’s use of widgets and how to render them on the screen.
• Mobile development: Implementation of a simple application in Flutter.

In the appendix, there are links to learn more about Dart and implementing mobile applications.

It will also be helpful to know the basics of mobile and web design. We also need to recognize which user interfaces work well on a small screen, like a smartphone, and which interfaces work well on a bigger screen, like a desktop or a web browser.

What we’ll learn

You should know the basic layout widgets, such as AspectRatio, Column, and ListView. These are widely used in a variety of Flutter applications. In this course, we’ll learn to exploit them to get the best results in our responsive applications.

We’ll also look at instances where classic Flutter mobile applications fail on bigger screens and how to fix them with widgets like MediaQuery and LayoutBuilder.

Another difference between using a mobile device and a desktop device is the mouse pointer, which gives us a more precise control over our interaction with the application. Flutter allows us to adapt our application depending on whether we’re using a pointer or not.

Finally, we’ll experiment with existing packages that will help us with the responsiveness of our applications.