Book Image

Taking Flutter to the Web

By : Damodar Lohani
Book Image

Taking Flutter to the Web

By: Damodar Lohani

Overview of this book

Using a shared codebase in addition to an extensive range of tools in the Flutter ecosystem optimized for browsers, the Flutter framework has expanded to enable you to bring your mobile apps to the web. You’ll find out how web developers can leverage the Flutter framework for web apps with this hands-on guide. Taking Flutter to the Web will help you learn all about the Flutter ecosystem by covering the tools and project structure that allows you to easily integrate Flutter into your web stack. You’ll understand the concepts of cross-platform UI development and how they can be applied to web platforms. As you explore Flutter on the web, you'll become well-versed with using Flutter as an alternative UI platform for building adaptive and responsive designs for web apps. By the end of this Flutter book, you'll have built and deployed a complete Flutter app for the web and have a roadmap ready to target the web for your existing Flutter mobile apps.
Table of Contents (17 chapters)
1
Part 1: Basics of Flutter Web
5
Part 2: Flutter Web under the Hood
9
Part 3: Advanced Concepts

Building Responsive and Adaptive Designs

In the previous chapter, we learned about the basics of Flutter and built a basic home page layout for our Flutter Academy application. In this chapter, we will learn concepts such as responsive and adaptive design and update our home page using these concepts.

By the end of this chapter, you will understand what responsive and adaptive design is. You will also understand why you need to make your apps responsive and adaptive and why it is even more important in Flutter. Along with this, you will gain the necessary skills to make your app responsive and adaptive. Finally, you will also learn how to make the UI of your Flutter Academy application responsive and adaptive for the web.

In this chapter, we will cover the following main topics:

  • What is responsive and adaptive design?
  • Why there’s a need for responsive and adaptive design in Flutter
  • Responsive and adaptive design tools you may have known and used
  • Tools...