Тёмный

How to build Adaptive UI with Flutter 

Flutter
Подписаться 573 тыс.
Просмотров 351 тыс.
50% 1

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 → goo.gle/3QflMzJ
Material Design layout guidelines → goo.gle/3QbViPs
Flutter Display api → goo.gle/4aJqZIc
Android's Large screen app quality guidelines → goo.gle/3xJWDXy
Building an animated responsive app layout with Material 3 → goo.gle/flutter-responsive-co...
Speakers: Reid Baker, Tyler Holland
Watch more:
Check out all the Mobile videos at Google I/O 2024 → goo.gle/io24-mobile-yt
Check out all the Flutter sessions from Google I/O → goo.gle/io24-flutter-yt
Check out all the Android & Play sessions from Google I/O → goo.gle/io24-androidplay-yt
Subscribe to Flutter! → goo.gle/FlutterYT
#GoogleIO
Products Mentioned: Flutter
Event: Google I/O 2024

Наука

Опубликовано:

 

6 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@flutterdev
@flutterdev 2 месяца назад
Check out all the Flutter sessions from Google I/O → goo.gle/io24-flutter-yt
@JesusMartinoza
@JesusMartinoza 2 месяца назад
Please keep Flutter alive
@Apenschi
@Apenschi 2 месяца назад
What do you mean? Is there any doubt that they will? I would recommend to watch the Flutter/Dart talk on WASM I/O 2024... if in doubt!
@symys6738
@symys6738 2 месяца назад
@@Apenschi Google has a history of abandoning projects so people are asking them not to abandon this one :)
@kyriakos098
@kyriakos098 2 месяца назад
Toyota uses flutter for the infontainment system on their new cars, other big brands use flutter too, even google used it for google earth recently. I don't think they'd drop all this. They only kill what they don't consider successful enough or if they've built something they consider better. Flutter doesn't fall in either category.
@miguelandres1620
@miguelandres1620 2 месяца назад
@@kyriakos098 WELCOME KOTLIN MULTIPLATFOR
@reynoldclare7981
@reynoldclare7981 2 месяца назад
I hope and wish the same too 🥹
@ZeelaxJr
@ZeelaxJr 2 месяца назад
Safe area: 1:07 Grid view: 4:41 Foldables (Screen Orientations): 9:18 Adaptive Widgets: 12:32 Media Query: 13:04 Layout builder: 14:22 Dialogs (Example 1): 15:26 Navigation UI (Example 2): 18:54 Custom Layout (Example 3): 21:48 Adaptive Inputs: 24:26 Things to keep in mind: 28:11 Recap: 32:57
@msiprime
@msiprime 23 дня назад
Please keep flutter alive... Flutter is Amazing
@nikitapatel6820
@nikitapatel6820 2 месяца назад
Flutter is best
@bartekpacia
@bartekpacia 2 месяца назад
Great job Reid and Tyler!
@ReynirOrnBachmannGudmundsson
@ReynirOrnBachmannGudmundsson 2 месяца назад
Wicket cool pointers, keep up the good work 👍
@dexterfury538
@dexterfury538 2 месяца назад
Awesome Thanks alot to the Flutter team
@roninspect4357
@roninspect4357 2 месяца назад
very cool! Flutter ftw
@kongmagneto12
@kongmagneto12 12 дней назад
Awesome tutorial! Really learnt a lot, thanks!
@jurassa9588
@jurassa9588 2 месяца назад
If I was calling the shots at Google, I'd ditch Compose, KMP, and Compose Multiplatform altogether and go all-in on Flutter/Dart, just like my competitor's got it figured out with Swift/SwiftUI.
@ahmedbathily7013
@ahmedbathily7013 2 месяца назад
Google is some time very weird instead of focusing on flutter but good comes with compose which not much mature ,google would just focus on flutter only Flutter
@muddi900
@muddi900 2 месяца назад
Kotlin is more performant and would remain so for the foreseeable future.
@ahmedbathily7013
@ahmedbathily7013 2 месяца назад
@@muddi900 now no much different between flutter and native , flutter is mature now so performance is not a argument
@TahiruAgbanwa
@TahiruAgbanwa Месяц назад
Jeez, transitioning to flutter was the best decision i made for my startup. Less code and easy to just implement stuff, fast as native apps and easy integration into native apps and vice-versa. An addition is all this customisability it gives me and my team. I hope to see more flutter devs take advantage of this especially the UI guys, we need more UI alternatives to material.
@kennyfully88
@kennyfully88 2 месяца назад
Flutter flies fluently fast for frameworks!
@nialegu
@nialegu 2 месяца назад
Flutter is the best UI framework, it is true
@tube-rp1nb
@tube-rp1nb Месяц назад
let's do it flutter is the best. i don't want to go to react native anymore with unnecessary and costly eas build. flutter flutter💪💪💪💪
@shaysframe1472
@shaysframe1472 2 месяца назад
Anyway to get the Presentation file? is it opensource?
@MixVidz-wr9tu
@MixVidz-wr9tu 2 месяца назад
Flutter is interesting 😍😍
@skzulka
@skzulka 2 месяца назад
Wah, anjir ini yang gua tunggu tunggu. keren!!!
@johanordenes1557
@johanordenes1557 2 месяца назад
Is there any difference between using isMoreTallerThanWide in LayoutBuilder, and using OrientationBuilder? It seems like I can achieve the same result with both widgets. And about performance, which one is better to use?
@tylerhollandgoog
@tylerhollandgoog 2 месяца назад
Good question! There is a key difference, and it's for reasons like the ones we reference at 7:13. If the app is running in a non-fullscreen mode, OrientationBuilder wouldn't actually tell you if the window your app is running in is more tall than wide. Let's use a tablet as an example, it could be in landscape mode, but the app could be running on 1/3rd of the display with another app taking up the other 2/3rds, in which case your app would actually be taller than it is wide, even though you're in landscape orientation. Another difference is that LayoutBuilder allows you to move your widget to different places in your app, and it will always behave as expected because it gets the local min and max height and width. Let's say the widget was originally taking up the entire screen, but you want to move it to a side bar or underneath some other widget. The available space for the widget might change such that while the app window as a whole is more tall than wide, the space the widget has is actually wider than it is tall. Performance wise, there's essentially no difference between the two. If your screen size isn't actively being changed, both OrientationBuilder and LayoutBuilder would do some quick calculations to grab the current orientation or available space (respectively), and then build the child widget. All of that is extremely fast. If you're changing the size of the app window or the space your widget is given to render, LayoutBuilder would end up rebuilding your widgets every time that size changes (with a max of once per frame refresh). This isn't really a "performance" implication, it just means the UI would respond correctly while the resizing is happening. Flutter can rebuild widgets extremely quickly.
@johanordenes1557
@johanordenes1557 2 месяца назад
@@tylerhollandgoog Amazing!! Thanks
@user-wt8xf1my6u
@user-wt8xf1my6u Месяц назад
in your course, will we get direct guidance from you?
@toddcleckner2652
@toddcleckner2652 Месяц назад
Awesome. What is the app mentioned at 12:17?
@srhanzd3022
@srhanzd3022 2 месяца назад
🔥🔥🔥
@heshansandeepa9471
@heshansandeepa9471 2 месяца назад
nice
@kwesikayofficial3078
@kwesikayofficial3078 2 месяца назад
Whiles react conf is going
@sarmintosarminto
@sarmintosarminto Месяц назад
Mas nek kridit seng murah cicilan Mobil opo mas kanggo nok gunung
@faheemahmadofficial7701
@faheemahmadofficial7701 2 месяца назад
Finally
@srhanzd3022
@srhanzd3022 2 месяца назад
😍😍😍
@koustav2008
@koustav2008 2 месяца назад
EXCELLENT !!!
@srhanzd3022
@srhanzd3022 2 месяца назад
💪💪💪🔥🔥🔥😍😍😍
@tomaselke3670
@tomaselke3670 2 месяца назад
The cheering is a bit much, guys.
@srhanzd3022
@srhanzd3022 2 месяца назад
😎😎😎
@user-kh6rp6yx1j
@user-kh6rp6yx1j 2 месяца назад
Hey, good.
@infinixjambi3918
@infinixjambi3918 Месяц назад
Mari tetap satu kaset suara Zainab OS
@kwesikayofficial3078
@kwesikayofficial3078 2 месяца назад
Lol
@Alisuhari
@Alisuhari 2 месяца назад
Please google never bin flutter
@miguelandres1620
@miguelandres1620 2 месяца назад
WELCOME KOTLIN MULTIPLATFOR
@meyeti5422
@meyeti5422 2 месяца назад
rangeeeeeeeeeeee
@Priyanka-yc4jz
@Priyanka-yc4jz Месяц назад
Narasa,wf,priyanka,sahu,
@rebeccataylor3769
@rebeccataylor3769 Месяц назад
My Choices is ? My lchosen Crush Jones always bye Life
@isaccorossi6700
@isaccorossi6700 2 месяца назад
Flutter is awesome, but the it's logo not so much..
@infinixjambi3918
@infinixjambi3918 Месяц назад
Zainab maradinslmarhumwanita sukses nebangjafi artis intronasional mudik harus rekamsuara zainabsemuanya musik lagi pinal
@infinixjambi3918
@infinixjambi3918 Месяц назад
Suara zainabfionipu pakai namaartis jakarta wajah artis jakarta bisVae di Eli kaset diooubah photo inilah gawe orabvnipu dariaset suara zainabnsmanipu wajah nipubos
@duckydude20
@duckydude20 2 месяца назад
refactor refactor refactor. but more than half the people don't give a sh8t. i don't like those people... refactoring is the only way to good code. thanks for covering that... small widgets is the way to go...
@miguelandres1620
@miguelandres1620 2 месяца назад
WELCOME KOTLIN MULTIPLATFOR
@NarendraRajput-yc6wc
@NarendraRajput-yc6wc Месяц назад
Is add Mein Bakri Ki Tarah faltu Mein bakbak Waqt Lage rahte ho Hindustan mein koi hai jo English Jaanta hun
@jeeva3984
@jeeva3984 2 месяца назад
Finally flutter team exists in Google 😌😌
@jakechakola
@jakechakola 2 месяца назад
Please keep Flutter alive
@miguelandres1620
@miguelandres1620 2 месяца назад
NO , THEY LEAVE FLUTTER , WELCOME KOTLIN MULTIPLATFOR
@hariofc
@hariofc 11 дней назад
@@miguelandres1620 No,Nothing Compare To Flutter Flutter>>>>KMP