How to build Adaptive UI with Flutter
Flutter
View ChannelAbout
Welcome to the official Flutter YouTube channel. Subscribe to stay up to date with best practices about the Flutter SDK. See real code examples, and watch engineers from around the world putting Flutter to work!
Latest Posts
Video Description
Enhance your Flutter app with an Adaptive UI that works and looks great on phones, tablets, foldables, and desktops. Discover how to handle different input modes, such as mouse and keyboard, to create a seamless experience on all devices. Explore powerful adaptive widgets, new display APIs, and quick rules to help you build a highly adaptable and user-friendly Flutter app. Flutter adaptive design documentation → https://goo.gle/3QflMzJ Material Design layout guidelines → https://goo.gle/3QbViPs Flutter Display api → https://goo.gle/4aJqZIc Android's Large screen app quality guidelines → https://goo.gle/3xJWDXy Building an animated responsive app layout with Material 3 → https://goo.gle/flutter-responsive-codelab Speakers: Reid Baker, Tyler Holland Watch more: Check out all the Mobile videos at Google I/O 2024 → https://goo.gle/io24-mobile-yt Check out all the Flutter sessions from Google I/O → https://goo.gle/io24-flutter-yt Check out all the Android & Play sessions from Google I/O → https://goo.gle/io24-androidplay-yt Subscribe to Flutter! → https://goo.gle/FlutterYT #GoogleIO Products Mentioned: Flutter Event: Google I/O 2024
Essential iPhone 13 Accessories
AI-recommended products based on this video

Spigen Case for iPhone 15, iPhone 14, and iPhone 13, Ultra Hybrid MagFit Designed for Apple iPhone 15/14/13 - Crystal Clear
![Spigen Case for iPhone 17 Case, Ultra Hybrid MagFit [Anti-Yellowing, Magsafe Compatible] Designed for Apple iPhone 17 Case (2025) - Clear White ClimatePartner certified](https://m.media-amazon.com/images/I/61gT1WljYwL._AC_UL960_FMwebp_QL65_.jpg)
Spigen Case for iPhone 17 Case, Ultra Hybrid MagFit [Anti-Yellowing, Magsafe Compatible] Designed for Apple iPhone 17 Case (2025) - Clear White ClimatePartner certified
![Spigen Case for iPhone 16 Case, Ultra Hybrid [MagFit] Compatible with MagSafe - White](https://m.media-amazon.com/images/I/61NZGerVSrL._AC_UL960_FMwebp_QL65_.jpg)
Spigen Case for iPhone 16 Case, Ultra Hybrid [MagFit] Compatible with MagSafe - White
![Spigen Case for Galaxy S25 Plus Case, Ultra Hybrid S MagFit [Fast Wireless Charging] Compatible with MagSafe - White](https://m.media-amazon.com/images/I/71+QlQaegQL._AC_UL960_FMwebp_QL65_.jpg)
Spigen Case for Galaxy S25 Plus Case, Ultra Hybrid S MagFit [Fast Wireless Charging] Compatible with MagSafe - White

Spigen Case for iPhone 15, iPhone 14, and iPhone 13, Ultra Hybrid MagFit Designed for Apple iPhone 15/14/13 - Crystal Clear

soundcore P31i by Anker, Real-Time Adaptive Noise Cancelling, Hi-Res Sound, Translation Earbuds, 50H Playtime, Wireless Earbuds, Bluetooth Earphones, Spatial Audio, Fast Charging, IP55 ClimatePartner certified
![iPhone Charger Fast Charging [Apple MFi Certified] USB C to Lightning Cable 6FT USBC to Lightning Cable Nylon Braided Type C Cord for iPhone 14 13 12 11 Pro Max XR XS X 8 7 6 Plus SE, iPad](https://m.media-amazon.com/images/I/517jTqwo1nL._AC_UL960_FMwebp_QL65_.jpg)
iPhone Charger Fast Charging [Apple MFi Certified] USB C to Lightning Cable 6FT USBC to Lightning Cable Nylon Braided Type C Cord for iPhone 14 13 12 11 Pro Max XR XS X 8 7 6 Plus SE, iPad
![5 Pack [MFi Certified] iPhone Charger 3ft,USB to Lightning Cable 3 Foot,Original Fast iPhone Charging Cord for iPhone 14 Pro Max/iPhone 13 Pro/12 Pro Max/12/11/Se2022/XR/X/8/iPad, White](https://m.media-amazon.com/images/I/71dLb64qYLL._AC_UL960_FMwebp_QL65_.jpg)
5 Pack [MFi Certified] iPhone Charger 3ft,USB to Lightning Cable 3 Foot,Original Fast iPhone Charging Cord for iPhone 14 Pro Max/iPhone 13 Pro/12 Pro Max/12/11/Se2022/XR/X/8/iPad, White
![iPhone Charger [Apple MFi Certified] 3FT, 3Pack USB A to Lightning Cable Braided Fast Charging Apple Cord Compatible with iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad/iPod/AirPods](https://m.media-amazon.com/images/I/71xZOlUELbL._AC_UL960_FMwebp_QL65_.jpg)
iPhone Charger [Apple MFi Certified] 3FT, 3Pack USB A to Lightning Cable Braided Fast Charging Apple Cord Compatible with iPhone 14 13 12 11 Pro Max XS XR X 8 7 6 5 Plus iPad/iPod/AirPods
![Coiled Lightning Cable, iPhone Charger Cable 3FT for Car [Apple MFi Certified] 3 Feet Lightning Cord Compatible with iPhone 14 13/12/11 Pro Max/XS MAX/XR/XS/X/8/7/Plus/6S iPad/iPod - Black](https://m.media-amazon.com/images/I/61IKw4qmANL._AC_UL960_FMwebp_QL65_.jpg)
Coiled Lightning Cable, iPhone Charger Cable 3FT for Car [Apple MFi Certified] 3 Feet Lightning Cord Compatible with iPhone 14 13/12/11 Pro Max/XS MAX/XR/XS/X/8/7/Plus/6S iPad/iPod - Black

Wireless Charging Case for AirPods Pro 1st / 2nd Gen with Type-C Charging Port, Compatible with AirPod Pro 2nd Generation Replacement Case, with Blue-Tooth Sync Button, No Earbuds
![[ 3+3 Pack] LK 3Pack iPhone 13 Screen Protector 6.1-inch with 3Pack Camera Lens Protector, Anti-Scratch Easy-Installation,9H Hardness, HD Tempered Glass Film Global Recycled Standard](https://m.media-amazon.com/images/I/714PYxCQxbL._AC_UL960_FMwebp_QL65_.jpg)
[ 3+3 Pack] LK 3Pack iPhone 13 Screen Protector 6.1-inch with 3Pack Camera Lens Protector, Anti-Scratch Easy-Installation,9H Hardness, HD Tempered Glass Film Global Recycled Standard

Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified
![Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)](https://m.media-amazon.com/images/I/71N7xhCJnoL._AC_UL960_FMwebp_QL65_.jpg)
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)
![[ 3+3 Pack] LK 3Pack iPhone 13 Screen Protector 6.1-inch with 3Pack Camera Lens Protector, Anti-Scratch Easy-Installation,9H Hardness, HD Tempered Glass Film Global Recycled Standard](https://m.media-amazon.com/images/I/714PYxCQxbL._AC_UL960_FMwebp_QL65_.jpg)
[ 3+3 Pack] LK 3Pack iPhone 13 Screen Protector 6.1-inch with 3Pack Camera Lens Protector, Anti-Scratch Easy-Installation,9H Hardness, HD Tempered Glass Film Global Recycled Standard

Spigen Case for iPhone 15, iPhone 14, and iPhone 13, Ultra Hybrid MagFit Designed for Apple iPhone 15/14/13 - Crystal Clear

JETech Silicone Case for iPhone 13 6.1-Inch, Silky-Soft Touch Full-Body Protective Phone Case, Shockproof Cover with Microfiber Lining (Black)
![[ 3+3 Pack] LK 3Pack iPhone 13 Screen Protector 6.1-inch with 3Pack Camera Lens Protector, Anti-Scratch Easy-Installation,9H Hardness, HD Tempered Glass Film Global Recycled Standard](https://m.media-amazon.com/images/I/714PYxCQxbL._AC_UL960_FMwebp_QL65_.jpg)
[ 3+3 Pack] LK 3Pack iPhone 13 Screen Protector 6.1-inch with 3Pack Camera Lens Protector, Anti-Scratch Easy-Installation,9H Hardness, HD Tempered Glass Film Global Recycled Standard

SURPHY Silicone Case Compatible with iPhone 13 Case 6.1 inch (2021), with Camera Protection Liquid Silicone Soft Gel Rubber Phone Case Cover with Microfiber Lining (Pink) Global Recycled Standard

Otterbox Commuter Series case for iPhone XR - Frustration Free Packaging - Black

Otterbox Commuter Series Case for iPhone 11 - Bespoke Way (blazer Blue/Stormy Seas Blue)

MrBeast Lab Swarms Atomic Series Exclusive Cash Case Bulk Pack, Experiment by Adding Water, Shaking The Test Tube and Reveal 2 of The 18, MrBeast Themed Swarms Collectible Micro Beasts

ESR for iPhone 16 Case, Compatible with MagSafe, Camera Protection, Shockproof Thin Cover, Resists Yellowing and Scratches, Magnetic Phone Case for iPhone 16, Zero Series, Frosted Blue-MagSafe

FNTCASE for iPhone 13 Phone Case: iPhone 14 Phone Clear Case Magnetic Military Grade Drop Protection Anti Yellowing Cell Phone Cover - Rugged Durable Shockproof Protective Bumper - 6.1 Inch (Clear A) Global Recycled Standard

JETech Case for iPhone 13 Pro 6.1-Inch, Non-Yellowing Shockproof Phone Bumper Cover, Anti-Scratch Clear Back (Clear)




