How to build Adaptive UI with Flutter

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ • 68

  • @flutterdev
    @flutterdev  7 місяців тому +56

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

  • @ZeelaxJr
    @ZeelaxJr 7 місяців тому +34

    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
    @JesusMartinoza 7 місяців тому +158

    Please keep Flutter alive

    • @Apenschi
      @Apenschi 7 місяців тому +9

      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 7 місяців тому +28

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

    • @kyriakos098
      @kyriakos098 7 місяців тому +27

      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 7 місяців тому +3

      @@kyriakos098 WELCOME KOTLIN MULTIPLATFOR

    • @reynoldclare7981
      @reynoldclare7981 7 місяців тому

      I hope and wish the same too 🥹

  • @sqrlware
    @sqrlware 5 місяців тому +5

    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.

  • @msiprime
    @msiprime 5 місяців тому +3

    Please keep flutter alive... Flutter is Amazing

  • @nikitapatel6820
    @nikitapatel6820 7 місяців тому +45

    Flutter is best

  • @nialegu
    @nialegu 7 місяців тому +2

    Flutter is the best UI framework, it is true

  • @bartekpacia
    @bartekpacia 7 місяців тому +7

    Great job Reid and Tyler!

  • @kongmagneto12
    @kongmagneto12 5 місяців тому +2

    Awesome tutorial! Really learnt a lot, thanks!

  • @dexterfury538
    @dexterfury538 7 місяців тому +6

    Awesome Thanks alot to the Flutter team

  • @ReynirOrnBachmannGudmundsson
    @ReynirOrnBachmannGudmundsson 7 місяців тому +3

    Wicket cool pointers, keep up the good work 👍

  • @roninspect4357
    @roninspect4357 7 місяців тому +9

    very cool! Flutter ftw

  • @tube-rp1nb
    @tube-rp1nb 6 місяців тому +1

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

  • @abdullahhikmatyar
    @abdullahhikmatyar 6 місяців тому

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

  • @toddcleckner2652
    @toddcleckner2652 6 місяців тому

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

  • @shaysframe1472
    @shaysframe1472 7 місяців тому

    Anyway to get the Presentation file? is it opensource?

  • @tebito24
    @tebito24 7 місяців тому

    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 7 місяців тому +4

      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
      @tebito24 7 місяців тому

      @@tylerhollandgoog Amazing!! Thanks

  • @Tarcisio-s4j
    @Tarcisio-s4j 4 місяці тому +1

    Thank you

  • @BoluwatifeOjolowo-p4n
    @BoluwatifeOjolowo-p4n 3 місяці тому

    Great content

  • @tomaselke3670
    @tomaselke3670 7 місяців тому +2

    The cheering is a bit much, guys.

  • @huguesbomo9297
    @huguesbomo9297 4 місяці тому

    Thanks a lot for clarification

  • @sarmintosarminto
    @sarmintosarminto 6 місяців тому

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

  • @kwesikayofficial3078
    @kwesikayofficial3078 7 місяців тому

    Whiles react conf is going

  • @MixVidz-wr9tu
    @MixVidz-wr9tu 7 місяців тому +1

    Flutter is interesting 😍😍

  • @skzulka
    @skzulka 7 місяців тому

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

  • @infinixjambi3918
    @infinixjambi3918 6 місяців тому

    Mari tetap satu kaset suara Zainab OS

  • @isareds
    @isareds 7 місяців тому +1

    Flutter is awesome, but the it's logo not so much..

  • @AssasCheriftoure
    @AssasCheriftoure 3 місяці тому

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

  • @srinu.2003
    @srinu.2003 6 годин тому

    How do you make such neat presentations?

  • @faheemahmadofficial7701
    @faheemahmadofficial7701 7 місяців тому

    Finally

  • @heshansandeepa9471
    @heshansandeepa9471 6 місяців тому

    nice

  • @srhanzd3022
    @srhanzd3022 7 місяців тому

    🔥🔥🔥

  • @Alisuhari
    @Alisuhari 7 місяців тому +2

    Please google never bin flutter

  • @infinixjambi3918
    @infinixjambi3918 6 місяців тому +1

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

  • @koustav2008
    @koustav2008 7 місяців тому

    EXCELLENT !!!

  • @srhanzd3022
    @srhanzd3022 7 місяців тому

    😍😍😍

  • @infinixjambi3918
    @infinixjambi3918 6 місяців тому +1

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

  • @HousseinDroubi-o9i
    @HousseinDroubi-o9i 6 місяців тому

    Hey, good.

  • @srhanzd3022
    @srhanzd3022 7 місяців тому

    💪💪💪🔥🔥🔥😍😍😍

  • @srhanzd3022
    @srhanzd3022 7 місяців тому

    😎😎😎

  • @rebeccataylor3769
    @rebeccataylor3769 6 місяців тому

    My Choices is ? My lchosen Crush Jones always bye Life

  • @Priyanka-yc4jz
    @Priyanka-yc4jz 6 місяців тому

    Narasa,wf,priyanka,sahu,

  • @duckydude20
    @duckydude20 7 місяців тому

    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 7 місяців тому

    WELCOME KOTLIN MULTIPLATFOR

  • @meyeti5422
    @meyeti5422 7 місяців тому

    rangeeeeeeeeeeee

  • @jeeva3984
    @jeeva3984 7 місяців тому

    Finally flutter team exists in Google 😌😌

  • @kwesikayofficial3078
    @kwesikayofficial3078 7 місяців тому

    Lol

  • @NarendraRajput-yc6wc
    @NarendraRajput-yc6wc 6 місяців тому

    Is add Mein Bakri Ki Tarah faltu Mein bakbak Waqt Lage rahte ho Hindustan mein koi hai jo English Jaanta hun

  • @jakechakola
    @jakechakola 7 місяців тому +4

    Please keep Flutter alive

    • @miguelandres1620
      @miguelandres1620 7 місяців тому

      NO , THEY LEAVE FLUTTER , WELCOME KOTLIN MULTIPLATFOR

    • @hariofc
      @hariofc 5 місяців тому

      @@miguelandres1620 No,Nothing Compare To Flutter Flutter>>>>KMP