Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Taking Flutter to the Web
  • Table Of Contents Toc
Taking Flutter to the Web

Taking Flutter to the Web

By : Lohani
4.1 (7)
close
close
Taking Flutter to the Web

Taking Flutter to the Web

4.1 (7)
By: 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)
close
close
1
Part 1: Basics of Flutter Web
5
Part 2: Flutter Web under the Hood
9
Part 3: Advanced Concepts

Tools and techniques available for responsive and adaptive design

Flutter provides different tools and techniques for developing responsive and adaptive design. Like CSS, Flutter also provides media query objects with details regarding device size, orientation, pixel density, and so on. Like Android, we can decide to build different layouts based on screen size and orientation if we choose to. In this section, we will learn about those tools and techniques. There are basically two things we need to make designs responsive and adaptive: the viewport size and the platform or device that it’s running on. Flutter provides ways to get this information. Apart from tools to provide this information, Flutter by default provides various widgets that allow you to lay out your design in a way that adapts to the changing viewport.

First, let’s talk about the MediaQuery (https://api.flutter.dev/flutter/widgets/MediaQuery-class.html) object. Flutter provides the MediaQuery object...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Taking Flutter to the Web
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon