Responsive Layouts | Flutter Basics

Tadas Petra explains how to use MediaQuery and LayoutBuilder to create responsive layouts in Flutter for mobile, tablet, and desktop.

Responsive Layouts | Flutter Basics One of the key features that makes Flutter stand out, is that you can create one app for every type of device, whether it be desktop, mobile or tablet. However in order for your app to look good on all 3 devices, you need to use responsive layouts. If you keep the same layout for desktop as you do for mobile, it will just look like a stretched out app, and users will not want to use that. In this video we go through MediaQuery and LayoutBuilder which are two features that let you customize how the layouts respond based on the size of the screen. For more information on MediaQuery and LayoutBuilder including how to use MediaQuery for Orientation purposes, check out this video: youtube.com/watch?v=iHIhnALkFj0 Link to the Code: github.com/tadaspetra/flutter_basics/tree/master/006_respons… Make sure to Like and Share! And pls subscribe: shorturl.at/dsIO9 Thanks For Watching! Laptop I use for drawing, recording, and editing: Lenovo Thinkpad X1 Yoga: amzn.to/2RqFB8U Super cheap, quality mouse. And batteries last forever: VicTsing: amzn.to/2UWUimf Docking station to keep everything organized: Dell: amzn.to/3ea0sao Also my favorite book ever, just so more people can read it :) Brave New World by Aldous Huxley: amzn.to/3c7o91c #responsiveflutterlayouts #responsiveflutter #flutterweb