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

Why there’s a need for responsive and adaptive design in Flutter

Now you know about what responsive and adaptive design is. So, as a Flutter developer, why should you care about responsive and adaptive design? Flutter enables you to build apps that can run on mobile, desktop, and the web from a single code base. However, this raises new challenges. Though you are using the same code base, you want your app to feel familiar to users, which means adapting to each platform. So, as well as being multiplatform, the app should also be fully platform-adaptive.

Another challenge is the range of device sizes the app supports. Sizes range from mobile devices to desktops and anything that can run web applications. Thus, you need to build an app that is responsive to the screen sizes the app gets loaded into. This also means making the app responsive to the changing screen size and layouts.

Another challenge with a cross-platform framework is the different forms of input. For example...