Building a desktop design language with Flutter | Session

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ต.ค. 2024

ความคิดเห็น • 110

  • @DominikRoszkowski
    @DominikRoszkowski 3 ปีที่แล้ว +133

    This is one of the best deep dive Flutter talks I've ever seen. Thanks a lot!

  • @kerimamanov7760
    @kerimamanov7760 3 ปีที่แล้ว +30

    Great freamwork, Great community, Great videos!
    WE LOVE YOU, FLUTTER TEAM!!!

  • @redabenh3427
    @redabenh3427 3 ปีที่แล้ว +30

    I think flutter team needs to build desktop widgets in Chicago design for developer adoption, developers will never create each input widget for desktop!

  • @Kolano666
    @Kolano666 3 ปีที่แล้ว +8

    More content like this, and by that I mean the flow of the video aswell.

  • @mohsinazeemrind
    @mohsinazeemrind 3 ปีที่แล้ว +2

    I was thinking about how would i manage Material Design in desktop but BOOM here we get Chicago LOVE flutter love Future!

  • @bharathwaj2421
    @bharathwaj2421 5 หลายเดือนก่อน

    I think its very easy to do modern design (we have tons of packages to do those), creating pattern like this is really amazing

  • @merthyr1831
    @merthyr1831 2 ปีที่แล้ว +9

    I know it's an "older" design language but would love to see Chicago Design (or something similar) released as a package! Would be great for renovating legacy apps for people who still find the modern design languages of Windows and Apple to be jarring. It would make the work necessary to replace those designs with modern layouts even easier too as the generational software gap becomes wider.

    • @frankc2119
      @frankc2119 2 ปีที่แล้ว +5

      I would love to see Win95 widgets replicated perfectly. Such an elegant design. I really don't like the modern trend to make everything like a mobile app.

  • @BytesBytesGo
    @BytesBytesGo 3 ปีที่แล้ว +27

    Looking forward, are there any friends to watch it together?

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 4 หลายเดือนก่อน

    Need more tutorials like this.

  • @hsh2119
    @hsh2119 3 ปีที่แล้ว +5

    Will there be a library like material and Cupertino? I really hope so...

  • @Coffeecupdev
    @Coffeecupdev 3 ปีที่แล้ว +2

    Dense bunch of information. Feels like something that needs time to be digested.

  • @andreygerasimenko634
    @andreygerasimenko634 3 ปีที่แล้ว +3

    Suspiciously close to the Cloud, Dart and Full Stack Flutter AME session at I/O.

  • @krtirtho
    @krtirtho ปีที่แล้ว +1

    We need something like headless-ui for Flutter that has all the accessibility, focus, mouse/keyboard input handled & leaves us devs with just the styling

  • @ce9916
    @ce9916 2 ปีที่แล้ว +2

    Can’t wait for some talented designers to start selling sleek UI themes

  • @FilledStacks
    @FilledStacks 3 ปีที่แล้ว +2

    This is super awesome! Very nice video.

  • @megamrkakashi
    @megamrkakashi 3 ปีที่แล้ว +10

    Yeah we spent 1 hour programming an

    • @ShivamJha00
      @ShivamJha00 3 ปีที่แล้ว

      That's not the point of this video but ok

    • @KennyFully
      @KennyFully ปีที่แล้ว

      But the video is 16 minutes if rounded up.

    • @nichanson
      @nichanson 10 หลายเดือนก่อน

      The ability to code each aspect of the layer is sweet! Control over code and the speed to do that is wonderful. Coding the same thing in JavaScript would be a headache.

  • @valdimiroluameiro3934
    @valdimiroluameiro3934 3 ปีที่แล้ว +19

    anyone interested in creating a repository where we will create a Material for Windows or Linux?

    • @irfankhanmohammed6964
      @irfankhanmohammed6964 3 ปีที่แล้ว

      Hi Vladimiro. Yes im interested. But i am from database background. Would like to follow your lead if you help.

    • @dinodzakmic
      @dinodzakmic 3 ปีที่แล้ว

      I am in

  • @alexyan7245
    @alexyan7245 3 ปีที่แล้ว +3

    finally desktop app is ready,, yeahh

  • @DimiterStanev
    @DimiterStanev 3 ปีที่แล้ว +2

    Best talk ever - Thank you so much!!!!

  • @mhadaily
    @mhadaily 3 ปีที่แล้ว +5

    THis is an amazing talk and I love it.

  • @alixopa
    @alixopa 3 ปีที่แล้ว +2

    Jaw dropping 😲

  • @Andreasonline3
    @Andreasonline3 3 ปีที่แล้ว +2

    10/10, been modifying the win95 library so far might just redesign it

  • @danielmilyutin9914
    @danielmilyutin9914 3 ปีที่แล้ว +4

    This widget set is what I wanted to see for desktop flutter.
    I wonder if there are some modern and good-looking themes for desktop?

    • @toddvolkert9167
      @toddvolkert9167 2 ปีที่แล้ว +5

      It looks like people are building them:
      Windows: bdlukaa.github.io/fluent_ui/
      MacOS: groovinchip.github.io/macos_ui/

    • @toluademiluyi3646
      @toluademiluyi3646 ปีที่แล้ว

      See fluent ui

  • @boots_on_the_grounds_of_war
    @boots_on_the_grounds_of_war 7 หลายเดือนก่อน

    This is why flutter walks all over compose.

  • @frankc2119
    @frankc2119 2 ปีที่แล้ว

    So I can make a Windows 95 aesthetic with Flutter? AWESOME.

    • @schopengaard9796
      @schopengaard9796 2 ปีที่แล้ว +1

      Definitely, you can make it almost pixel perfect. It would start as fast also so the user would only suspect something if they opened task manager and looked at the CPU/GPU usage (which can go up a few 10% under heavy rendering, but then quickly settles down to 0% under idle, good!) and memory usage (sits around average 70 MB). Both of these are definitely tolerable considering that you get ALL common platforms.

  • @sidatymoulayekoureichy2848
    @sidatymoulayekoureichy2848 3 ปีที่แล้ว +1

    Flutter une techno vraiment d'avenir !!

  • @vladimirkraus1438
    @vladimirkraus1438 3 ปีที่แล้ว +1

    Amazing video. Please make more of such videos...

  • @anatolys9203
    @anatolys9203 2 ปีที่แล้ว

    wow! that was awesome! perfect job! thank you very much for sharing this.

  • @obengkuning3260
    @obengkuning3260 3 ปีที่แล้ว +1

    Yeaa bois, finally..

  • @nash9785
    @nash9785 3 ปีที่แล้ว +1

    Loved this talk!

  • @liubovhryhorenko1155
    @liubovhryhorenko1155 3 ปีที่แล้ว

    Thank you for the informative video! Very interesting

  • @skjagini
    @skjagini 3 ปีที่แล้ว +3

    How about support for multi monitor, where a single app can have multiple views, each view can be dragged onto different monitors (for example trading apps).

    • @toddvolkert9167
      @toddvolkert9167 ปีที่แล้ว

      We're building this feature now in Flutter - look for it to land later this year.

  • @NahomyUchija
    @NahomyUchija 2 ปีที่แล้ว

    Wow! This is amazing 😍

  • @capt_naman_gor
    @capt_naman_gor 3 ปีที่แล้ว +5

    Eagerly waiting, but still think flutter isn't ready for desktop. I am trying to make a cross platform app , including desktop, but I am unable to find a plugin on playing audio on windows. I do know how to play audio in windows c++ , but am unable to find how to receive a string in windows side of things. If anyone knows that, please help me man🙏🏻🙏🏻🙏🏻
    Edit:- I do know how to work with Method Channels in Android and iOS(swift) side of things.

    • @siddharthagrawal2693
      @siddharthagrawal2693 3 ปีที่แล้ว +5

      Flutter is ready for desktop, but the community isn't. Just like how it took around a year for packages to develop for mobile, then web, it will take some time for desktop. The flutter team has done their part, and its now time for us to do our part

    • @ranth18
      @ranth18 3 ปีที่แล้ว +3

      Use Dart FFI

    • @capt_naman_gor
      @capt_naman_gor 3 ปีที่แล้ว +1

      @@siddharthagrawal2693 yes, you are right brother

    • @capt_naman_gor
      @capt_naman_gor 3 ปีที่แล้ว +1

      @@ranth18 brother I need to write platform specific code for all platforms, I can do that , but I am unable to do that for desktop platforms. That is my problem

    • @capt_naman_gor
      @capt_naman_gor 3 ปีที่แล้ว +1

      @@siddharthagrawal2693 btw, do you know how to use the method channels on windows ?

  • @j8ge
    @j8ge 3 ปีที่แล้ว

    Great idea, great work

  • @tailwindmastery
    @tailwindmastery 8 หลายเดือนก่อน

    Is there any options like flex box or grid for the layout design can please help me I am newbie 😢😢😢

  • @rushtothemax76
    @rushtothemax76 3 ปีที่แล้ว +1

    So someone is probably gonna make the widgets for windows, Mac and Linux. And when that happens we can actually make some desktop applications real fast

  • @JAICHANGPARK
    @JAICHANGPARK 3 ปีที่แล้ว

    I love this video

  • @sirnigelcogs
    @sirnigelcogs 3 ปีที่แล้ว +2

    As far as I can tell the original app was written in Java. Why did the original app need to be retired?

    • @toddvolkert9167
      @toddvolkert9167 3 ปีที่แล้ว +8

      It was a Java Web Start app, and Java Web Start has been deprecated. As users upgrade their machines and reinstall Java, it's becoming a larger and larger headache to make sure they install the right (older) version of Java.
      But also, as a manager on the Flutter team, it was a fun project and a good excuse to switch to Flutter :-)

  • @kaihsiangju
    @kaihsiangju 3 ปีที่แล้ว +3

    is there something wrong with the code on 8:38 and 8:41? if (slot == Slot.content) { ...} is duplicated thrice, shouldn't the latter two be corrected with if (slot == Slot.upButton){...} and if (slot == Slot.downButton){...} ?

    • @ToddVolkert
      @ToddVolkert 3 ปีที่แล้ว +5

      Yep, good catch! The real source code uses a switch statement, but I changed it to an if/else for the talk because it took less space -- apparently I was a little overzealous with the copy/paste :-)

    • @xskerrittx1
      @xskerrittx1 2 ปีที่แล้ว +1

      @@ToddVolkert Amazing tutorial Todd, learned a lot (I know I'm a little late)

  • @arin_faraj
    @arin_faraj 3 ปีที่แล้ว

    This is awesome.

  • @johnnyelcoste
    @johnnyelcoste 3 ปีที่แล้ว

    pretty awesome!!

  • @learnnow9598
    @learnnow9598 3 ปีที่แล้ว

    Hoping a stable release for desktop apps

  • @asxes
    @asxes 2 ปีที่แล้ว

    will we have to create every widget in our apps by our selves?

  • @Osama_Abbas
    @Osama_Abbas 3 ปีที่แล้ว +1

    I'm impressed and I'm not easily impressed.

  • @manisony5503
    @manisony5503 3 ปีที่แล้ว

    Superb 👍

  • @pram5532
    @pram5532 2 ปีที่แล้ว

    TL;DW: it's complicated. you're gonna be building your own widgets... you could try maintaining that burden or just use Qt or smth

  • @Tecknokenyaplus
    @Tecknokenyaplus 3 ปีที่แล้ว

    great job

  • @marcom.
    @marcom. 2 ปีที่แล้ว +2

    Seems that Google reinvented the Java Swing Framework, but even more complicated (3 trees instead of 2). 😄

  • @sinaebr7337
    @sinaebr7337 3 ปีที่แล้ว

    excellent. thinksss alottt

  • @FedJimSmith
    @FedJimSmith 3 ปีที่แล้ว

    mouse and physical keyboard ready apps, resizeable screens, multi-modal screen, anything else?

  • @Apoorvpandey
    @Apoorvpandey 3 ปีที่แล้ว +1

    Someone has to create this library which we can use instead of Cupertino and Material libraries

    • @toddvolkert9167
      @toddvolkert9167 3 ปีที่แล้ว +2

      The library exists (under active development) - search for "Chicago" in Pub. :-)

  • @stevenyemba811
    @stevenyemba811 2 ปีที่แล้ว

    is there support for oauth2 desktop application, mainly a webview/webengine ?

  • @iPKS365
    @iPKS365 ปีที่แล้ว

    thanks sir

  • @ShivamJha00
    @ShivamJha00 3 ปีที่แล้ว

    When will flutter release desktop support for firebase plugins

  • @glowiever
    @glowiever 2 ปีที่แล้ว

    that 14 year old app is still lookin good though

  • @shashanklk9179
    @shashanklk9179 2 ปีที่แล้ว

    How can we perform screen recording in desktop ?

  • @manashejmadi
    @manashejmadi 3 ปีที่แล้ว +1

    Bring firebase to desktop

  • @joseantoniomolinabusquiel1617
    @joseantoniomolinabusquiel1617 3 ปีที่แล้ว

    ALTGR + @ not work in desktop European languages Keyboards

  • @doevent-team
    @doevent-team 2 ปีที่แล้ว

    thanks mas bro

  • @Harsh-kz3qw
    @Harsh-kz3qw 3 ปีที่แล้ว

    How to enable desktop development...

  • @joelmatthias
    @joelmatthias ปีที่แล้ว

    I’d like to know why they had to completely re-write the app in the first place!

    • @ToddVolkert
      @ToddVolkert 9 หลายเดือนก่อน

      It was based on Java Web Start, which has long since been deprecated, and so users were having issues when they upgraded their Java version.

  • @aswathygireeshN
    @aswathygireeshN 2 ปีที่แล้ว

    Can anyone help me to access camera in Desktop using flutter

  • @MengHann
    @MengHann 3 ปีที่แล้ว

    Hi
    How to connect flutter with ms SQL server for local development?

    • @juanmanueltejedatorres1541
      @juanmanueltejedatorres1541 3 ปีที่แล้ว +1

      You have to create an API backend to communicate with this and the API will connect with your database

  • @harryngwa
    @harryngwa ปีที่แล้ว

    The native way just seems way easier at this point

  • @siddharthagrawal2693
    @siddharthagrawal2693 3 ปีที่แล้ว +1

    I wanna watch this but its at 12 am for me :(

  • @Drasius
    @Drasius 3 ปีที่แล้ว

    Full Firebase plugin support

  • @mohammadshohag604
    @mohammadshohag604 3 ปีที่แล้ว

    Waiting

  • @namanawasthi5
    @namanawasthi5 3 ปีที่แล้ว

    😎😎😎bring it on

  • @thisisgsrana
    @thisisgsrana 3 ปีที่แล้ว

    Looks like HPU is still using exact copy of 14 year old software.(Himachal Pradesh University)

  • @warunakaushalya4157
    @warunakaushalya4157 3 ปีที่แล้ว

    😍🔥

  • @MengHann
    @MengHann 3 ปีที่แล้ว

    Hi
    How to connect flutter with ms SQL server for local development?

    • @MengHann
      @MengHann 3 ปีที่แล้ว

      Flutter V2+

  • @marcosgarces7962
    @marcosgarces7962 3 ปีที่แล้ว

    Could you share code?

    • @toddvolkert9167
      @toddvolkert9167 3 ปีที่แล้ว +1

      The source code for the Chicago library is at goo.gle/3dZKDVy

  • @AY-gf3jq
    @AY-gf3jq ปีที่แล้ว +1

    All this for a simple spinner. Better build desktop widgets instead of prompting people to use mobile widgets for desktop. It will easier and require less efforts to build desktop app. Or else, you will miss the main point of flutter which is designed to build apps easily and rapidly.

  • @simplyflutter
    @simplyflutter 3 ปีที่แล้ว

    I have a better solution (There is something called Electronjs) that uses HTML CSS and Js easier more flexible ... I mean come on I just came striving to see better options and I was bombarded with this boiler code ... huge ass learning curve ... I mean seriously why things get harder :D

    • @pram5532
      @pram5532 2 ปีที่แล้ว

      Tauri ftw

  • @antoniostorcke
    @antoniostorcke 2 ปีที่แล้ว

    Until it becomes easily supported to make flutter apps on flatpak, flutter will be dead on linux.

  • @DariuszMakowski
    @DariuszMakowski 3 ปีที่แล้ว +1

    this is terrible. Its like u guys never saw qt framework and how layouts/widgets can be implemented. Like holy F!

  • @jorgegravedeperalta4897
    @jorgegravedeperalta4897 ปีที่แล้ว

    Why doesn't it work for me?. I add in the pubspec.yaml file the following code and in OUTPUT the error is published.
    dependencies:
    chicago: ^0.3.0-dev
    --
    [chicago] flutter pub get
    Running "flutter pub get" in chicago...
    Error on line 32, column 3 of pubspec.yaml: A package may not list itself as a dependency.

    32 │ chicago: ^0.3.0-dev
    │ ^^^^^^^

    pub get failed (65; ╵)
    exit code 65