How to build Adaptive UI with Flutter

Рет қаралды 369,075

Flutter

Күн бұрын

Пікірлер: 67

@flutterdev 5 ай бұрын

Check out all the Flutter sessions from Google I/O → goo.gle/io24-flutter-yt

@กรวิชญ์มูลจุล 2 ай бұрын

ครีม❤❤และดารารับสมัครวง

@ZeelaxJr 5 ай бұрын

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

@JesusMartinoza 5 ай бұрын

Please keep Flutter alive

@Apenschi 5 ай бұрын

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 5 ай бұрын

@@Apenschi Google has a history of abandoning projects so people are asking them not to abandon this one :)

@kyriakos098 5 ай бұрын

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 5 ай бұрын

@@kyriakos098 WELCOME KOTLIN MULTIPLATFOR

@reynoldclare7981 5 ай бұрын

I hope and wish the same too 🥹

@sqrlware 4 ай бұрын

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.

@nikitapatel6820 5 ай бұрын

Flutter is best

@msiprime 3 ай бұрын

Please keep flutter alive... Flutter is Amazing

@bartekpacia 5 ай бұрын

Great job Reid and Tyler!

@kongmagneto12 3 ай бұрын

Awesome tutorial! Really learnt a lot, thanks!

@ReynirOrnBachmannGudmundsson 5 ай бұрын

Wicket cool pointers, keep up the good work 👍

@nialegu 5 ай бұрын

Flutter is the best UI framework, it is true

@dexterfury538 5 ай бұрын

Awesome Thanks alot to the Flutter team

@tube-rp1nb 4 ай бұрын

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💪💪💪💪

@roninspect4357 5 ай бұрын

very cool! Flutter ftw

@Tarcisio-s4j 2 ай бұрын

Thank you

@BoluwatifeOjolowo-p4n 2 ай бұрын

Great content

@huguesbomo9297 2 ай бұрын

Thanks a lot for clarification

@abdullahhikmatyar 4 ай бұрын

in your course, will we get direct guidance from you?

@tomaselke3670 5 ай бұрын

The cheering is a bit much, guys.

@MixVidz-wr9tu 5 ай бұрын

Flutter is interesting 😍😍

@toddcleckner2652 4 ай бұрын

Awesome. What is the app mentioned at 12:17?

@sarmintosarminto 4 ай бұрын

Mas nek kridit seng murah cicilan Mobil opo mas kanggo nok gunung

@skzulka 5 ай бұрын

Wah, anjir ini yang gua tunggu tunggu. keren!!!

@tebito24 5 ай бұрын

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 5 ай бұрын

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.

@tebito24 5 ай бұрын

@@tylerhollandgoog Amazing!! Thanks

@AssasCheriftoure Ай бұрын

Топовый способ, спасибо!

@shaysframe1472 5 ай бұрын

Anyway to get the Presentation file? is it opensource?

@heshansandeepa9471 5 ай бұрын

nice

@infinixjambi3918 4 ай бұрын

Suara zainabfionipu pakai namaartis jakarta wajah artis jakarta bisVae di Eli kaset diooubah photo inilah gawe orabvnipu dariaset suara zainabnsmanipu wajah nipubos

@koustav2008 5 ай бұрын

EXCELLENT !!!

@infinixjambi3918 4 ай бұрын

Mari tetap satu kaset suara Zainab OS

@srhanzd3022 5 ай бұрын

🔥🔥🔥

@infinixjambi3918 4 ай бұрын

Zainab maradinslmarhumwanita sukses nebangjafi artis intronasional mudik harus rekamsuara zainabsemuanya musik lagi pinal

@faheemahmadofficial7701 5 ай бұрын

Finally

@kwesikayofficial3078 5 ай бұрын

Whiles react conf is going

@Alisuhari 5 ай бұрын

Please google never bin flutter

@miguelandres1620 5 ай бұрын

WELCOME KOTLIN MULTIPLATFOR

@srhanzd3022 5 ай бұрын

😍😍😍

@HousseinDroubi-o9i 5 ай бұрын

Hey, good.

@duckydude20 5 ай бұрын

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