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

Responsive and adaptive design tools you may have known and used

If you already are a developer, you might have come across the concept of responsive design and might even have used some existing tools on different platforms to build responsive applications. If you are a web developer, you must be familiar with Cascading Style Sheets (CSS) media queries. CSS media queries are used on the web to handle different screen sizes to make application layouts. By using CSS media queries, you can define different CSS styling for your application based on the screen size. The screen size is provided, and media queries are handled by the browser.

If you are an Android developer, then you might have used another technique to handle different screen sizes of Android devices to make different layouts. Android allows you to provide different layout files, each in a specific folder, for device orientation and screen sizes. Here, you write a totally different layout file for each screen size and...