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.
Overview
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
