Create simple, beautiful UI with Flutter

Поділитися
Вставка
  • Опубліковано 20 жов 2024
  • Beautiful experiences and great UI don't happen by themselves, but that doesn't mean they have to be difficult! Watch two design experts apply simple, straightforward, incremental techniques to take a well-built but boring-looking app and turn it into something memorable.
    Resources:
    Codelab → goo.gle/3Mn16SF
    Speakers: Khanh Nguyen, Rody Davis
    Watch more:
    All Google I/O 2022 Sessions → goo.gle/IO22_A...
    Flutter at I/O 2022 playlist → goo.gle/IO22_F...
    All Google I/O 2022 workshops → goo.gle/IO22_W...
    Subscribe to Flutter! → goo.gle/FlutterYT
    #GoogleIO

КОМЕНТАРІ • 37

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

    please make more like this in the future.

  • @merthyr1831
    @merthyr1831 2 роки тому +15

    Noticed performance was quite slow when resizing the window. Is Flutter performing excessive rebuilds here or is it a recording issue?

    • @realsircambridge
      @realsircambridge 2 роки тому +1

      window resizing is not super fast in flutter - ive built a few windows and macos flutter apps and this is kind of the weak point because i think it needs to call setState on the entire widget tree to do a full rebuild. HTML / webview is much more optimized for this use case.

    • @jerarcaarthanis1461
      @jerarcaarthanis1461 2 роки тому +4

      I bet they will optimize this in the future.

    • @drupbanik6202
      @drupbanik6202 2 роки тому

      Kites
      Lkites

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому +16

      Hey there! That's an artifact of the recording, slower than my usual experience. (I had a lot running on my machine while we were doing this screencast - camera software, screen recording, video call) I was also scrolling/resizing things a little bit slower to show the changes on my end as well. We include the source code on the codelab here: codelabs.developers.google.com/codelabs/flutter-boring-to-beautiful#2 if you want to give a try!

  • @moracabanas
    @moracabanas 2 роки тому +3

    Really great content to enjoy Material Design You on Flutter.
    I am not in the way to disregard flutter but I feel composing a layout in nested functions is a nightmare for code readability.

  • @abdallahnassar6663
    @abdallahnassar6663 2 роки тому +2

    Great Video! thank you guys so much!

    • @flutterdev
      @flutterdev  2 роки тому +2

      We appreciate the feedback, Nassar! If you're interested in learning from additional resources, have a look at our guided codelab on this topic here: codelabs.developers.google.com/codelabs/flutter-boring-to-beautiful#0

    • @abdallahnassar6663
      @abdallahnassar6663 2 роки тому +1

      @@flutterdev will do! and thanks again 🙏🏼

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому +2

      Thanks for watching and the kind words!

  • @lawofattractionspace
    @lawofattractionspace 2 роки тому +2

    Hi, Khanh Nguyen, proud of you, dev from Viet Nam

  • @mohamedelsyed2988
    @mohamedelsyed2988 2 роки тому +2

    you're awesome team 👏❤

  • @HoveredCubeOfficial
    @HoveredCubeOfficial 2 роки тому

    Do a full tutorial on migrating to Material 3 (material you)

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому +2

      Great idea! Made a note of it :) I'll have to check in with Rody and ask him come back for another video!

    • @RodyDavis
      @RodyDavis 2 роки тому

      ❤️

  • @secoursdublancmesnil
    @secoursdublancmesnil Рік тому

    ありがとうございました。 グレートソフト

  • @ilwsl
    @ilwsl 2 роки тому

    i dont know how to work with Git and clone repositorys some guide or tutorial?, also when i clone it, it give me an error saying that its for

  • @thorged
    @thorged 2 роки тому +1

    Thanks a lot for the introduction I‘ve learned quiet a bunch of new stuff, but damn, talking about beautiful design, while everything is unaligned and weird looking with no clear concept of e.g. corner radius.
    This should just be called „How to create a responsive Flutter app“.

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому +1

      Hey there! Thanks for watching and really appreciate the feedback! I totally agree there's a lot more to be done, we originally had a few more tips planned, but had to cut some for time + length of the Codelab. If you have specific suggestion or recommendations for us, we'll happily listen :)

    • @thorged
      @thorged 2 роки тому

      @@KhanhFlutter I am sorry. Now that I am reading my comment it seems a bit harsh. I'll write something together and come back to you guys! Thank you for all your effort

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому

      @@thorged No hard feelings :) We're all here to learn and improve, myself included! It's a privilege to be able to learn from the Flutter community, so I really appreciate you for taking the time to not only watch, but also leave feedback to help me get better!

  • @Pedro5antos_
    @Pedro5antos_ 2 роки тому +2

    Awesome content!

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому

      Thank you!! Let us know what else you'd like to see from the Flutter channel :)

    • @LolitaCosman-m8o
      @LolitaCosman-m8o Рік тому

      Thank you so much for this giveaway information I will definitely 💯 be following this account again and

  • @chouhanrahul
    @chouhanrahul 2 роки тому +1

    Exciting!!!

  • @omozemojeasse8611
    @omozemojeasse8611 2 роки тому

    Excellent stuff

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому

      Thanks!! Glad you enjoyed the workshop!

  • @shohagsumon7933
    @shohagsumon7933 2 роки тому +1

    So nice

    • @flutterdev
      @flutterdev  2 роки тому

      Thanks for the feedback, Shohag. Be sure to check out the links in the description for additional resources and subscribe to stay updated on the latest from Flutter: goo.gle/FlutterYT
      Happy Fluttering! 😄

  • @uyenkhanhche6871
    @uyenkhanhche6871 2 роки тому

    se dang ky kenh va gt cho moi nguoi cung theo doi chuc ban luon thanh cong

    • @KhanhFlutter
      @KhanhFlutter 2 роки тому

      Cảm ơn bạn rất nhiều! :)

  • @treemanzoneskullyajan711
    @treemanzoneskullyajan711 2 роки тому

    Hi I need to build a stand alone time stretching app to aid music producers create cool vocal stretches on their phones for free, or optional donation etc paid version possibly, I only need a handful of funcs

    • @treemanzoneskullyajan711
      @treemanzoneskullyajan711 2 роки тому

      Please help me turn this hazy brain vision into a sought after bread and butter UI

  • @Cerberodev
    @Cerberodev 2 роки тому

    Hellow Dash’s