Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Multiplatform Flutter - Building Adaptive UI

Flutter Europe via YouTube

Overview

Explore the creation of adaptive and responsive user interfaces in Flutter for multiplatform development in this conference talk from Flutter Europe. Discover how to build applications that look great across iOS, Android, Web, and Desktop platforms using a single codebase. Learn about Flutter's capabilities, its growing popularity, and how to handle different screen sizes, orientations, and platform-specific guidelines. Dive into adaptive widgets, Material and Cupertino components, and community-created platform widgets. Master essential layout techniques using Row, Column, and other widgets to achieve responsiveness. Gain insights on passive and active UI approaches, and explore tools like Flutter Octopus and Flutter Device Preview to streamline your development process.

Syllabus

Intro
AGENDA
WHAT IS FLUTTER?
FLUTTER FOR WEB
NOT CROSSPLATFORM - MULTIPLATFORM
STACKOVERFLOW TRENDS
FLUTTER HELLO WORLD
ANDROID RESOLUTIONS
PORTRAIT/LANDSCAPE
SINGLE CODEBASE
DEVFEST APPLICATION
IOS AND ANDROID
PERFECT SOLUTION - ADAPTIVE WIDGETS
MATERIAL COMPONENTS WIDGETS
CUPERTINO COMPONENTS (105-STYLE) WIDGETS
PLATFORM ADAPTIVE WIDGETS OOB
FLUTTER PLATFORM WIDGETS BY COMMUNITY
SCREEN ORIENTATION
LAYOUT WIDGETS
ROW AND COLUMN
REAL SIZE OF SCREEN
PASSIVE/ACTIVE UI
HOW TO UNDERSTAND?
RESPONSIVENESS
SIZE CAN BE DIFFERENT
SINGLECHILDSCROLLVIEW
FLEXIBLE
FRACTIONALLY SIZED BOX
LAYOUT BUILDER
THIS IS SOLUTION
Flutter Octopus
FLUTTER DEVICE PREVIEW
THE FINAL SLIDE

Taught by

Flutter Europe

Reviews

Start your review of Multiplatform Flutter - Building Adaptive UI

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.