Handling Various Screen Sizes with Flutter

preview_player
Показать описание
Timecodes:
00:00 Topic Introduction
01:03 Responsive UI for Different Screen Sizes
01:38 Media Query
03:55 SafeArea
05:00 FractionallySizedBox
05:28 Expanded & Flexible
08:33 Orientation Builder
09:02 Real User case of Orientation Builder
11:32 Q1 Hey Su, you go girl!
11:46 Q2 What if we wrap Scaffold with SafeArea?
12:12 Q3 Should I learn Flutter?
13:57 Q4 Having a problem with whitespaces for screens that have large screen height. How do I fix this?

La Kopi @ Developers Space is a monthly open mic night for the developer community to learn, connect, and be inspired by each other. Every month, a tech theme is selected and developers submit their topics to be shared with the community.

Name: Su Thwe Thwe Tun (Senior Android Developer, Singapore Press Holdings)
Topic: Handling Various Screen Sizes with Flutter

Learn how to use Flutter widgets such as MediaQuery and FractionallySizedBox to create responsive UI for different screen sizes. We will also explore how you can use OrientationBuilder to easily handle portrait and landscape orientations.

For more updates on upcoming events, follow us on social media:
Рекомендации по теме
Комментарии
Автор

You taught us different widgets used to make the size responsive. Which one is efficient? Means one that wont affect the processing time.

saumyapatil
Автор

Really great overview video for layouts. Thanks!

julianwebb
Автор

I have a question about this topic. Can you help me with this ? . That issue relative to padding size, text size with a numerous device size screen. How I can handle with this ?

phamuchoang
Автор

Whats your opinion about "screenutil" package?

tananga
Автор

Do you still recommend flutter for large-scale projects??

FredrickNsiah-jsdu
Автор

SafeArea can definitely wrap Scaffold!

travelfoodbusinessbestheyyono
Автор

12:04 i think scaffold hold SafeArea property as of now

ijogendrajat
Автор

I mean how can I understand what she is saying danmn

danillubruk