Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

Комментарии • 75

  • @HeyFlutter
    @HeyFlutter  9 месяцев назад +1

    👉 Checkout the Source Code: shorturl.at/nxUVY
    👉Join 12 Week Flutter Training: heyflutter.com
    👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f

    • @LiamJackson427
      @LiamJackson427 8 месяцев назад

      Hi, my names Liam Jackson and I'm trying to learn Flutter Development, I went to try and book one of the web conferences for your course but the only options for my time zone were 1:30 am and 5am. Will more times become available or are those the only times?

  • @Constantine..
    @Constantine.. 9 месяцев назад +17

    Step-by-step video instructions and even with a link to the source code. This is exactly what videos should be like!
    Thank you for your great job! 👍👍

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Glad to hear that, You are most welcome @Constantine..

  • @DarshitMendapara1425
    @DarshitMendapara1425 8 месяцев назад +2

    Dieses Video ist Schritt für Schritt und Ihr Code ist echtes Kabeljau und Ihr Code ist die beste Methode, um alles zu verstehen 👍

  • @IAshortvideos
    @IAshortvideos Месяц назад

    Great tutorial!! Thank you so much! ❤

  • @SanusiAdewale
    @SanusiAdewale 6 месяцев назад +1

    more videos like this please. step by step from scratch.

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад +1

      Glad you liked it, @SanusiAdewale 😀

  • @pro.rodrigoh
    @pro.rodrigoh 4 месяца назад +5

    The problem with this video is that you are showing the end product and navigating through it. Your code doesn't reflect the state the product is.
    I found this happening twice, but the most prominent case was in the Scheduled, where in the code you show is one thing, the UI reflect another thing that your git code reflects it.
    Anyone that doesn't know flutter will stop and spend a while trying to fix it and that is why it is better to code and show the rendering while coding.
    Another point that I don't understand is the use of InkWell to wrap widgets that already have the touch interaction functions built-in. Use them straight instead and you have a more consistent application.
    Cheers.

    • @GlennMartin
      @GlennMartin 2 месяца назад

      Same here, terrible examples and coding.

  • @server.creative
    @server.creative 8 месяцев назад

    Gracias,saludos desde Arg. Por acá aprendiendo !

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank you, @lucacandia3515! 🙂

  • @mordiop6832
    @mordiop6832 9 месяцев назад +1

    Great video 🔥
    Congratulations

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank you, @mordiop6832! 🙂

  • @denn319
    @denn319 7 месяцев назад +1

    awesome work! thank you!

    • @HeyFlutter
      @HeyFlutter  7 месяцев назад

      You are welcome, @denn319!

  • @serkandemir6733
    @serkandemir6733 8 месяцев назад +1

    Nice tutorial! It would be greate, if the next step is would be doing the navigation on this responsive App

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank you, @serkandemir6733! 🙂

  • @hiimkace1688
    @hiimkace1688 6 месяцев назад +5

    13:17 At this step, my cards are at the bottom of the screen instead of below the search bar like yours, what should I do to fix it?

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад

      Thank you, @hiimkace1688! 🙂. Please follow the video carefully.

    • @MiloTheWizard
      @MiloTheWizard 3 месяца назад +2

      You probably got around it by now, but for the future people, the code shown in the video is wrong on some instances, he is not rendering on real time so follow it with caution.
      To fix this particular issue, remove the uncessary Expanded( ) method from the HeaderWidget, so it returns the TextField( ) directly, this way it will take only the necessary space on the screen.

  • @elbu3818
    @elbu3818 4 месяца назад

    Great video! Thanks a lot!

    • @HeyFlutter
      @HeyFlutter  4 месяца назад

      Glad to hear that, Thank you @elbu3818! 😊

  • @bisewski01
    @bisewski01 5 месяцев назад

    That was a very good tutorial. Thank you Sr. Maybe can you implement a drag drop action to reorder by user all the items? Would be very nice tutorial.

    • @HeyFlutter
      @HeyFlutter  5 месяцев назад +1

      Thanks for the idea, @bisewski01! 🙂 I have added it to my list of ideas for future videos!

    • @bisewski01
      @bisewski01 5 месяцев назад

      ​@@HeyFlutterDo you think that Maui have methods to create interfaces like in Gridster or in Reactive where we can drag elements like windows? With resize, maximize...

  • @guilhermesoares9906
    @guilhermesoares9906 6 месяцев назад

    Nice video, step-by-step, loved! But I have some questions, what if I had state management, like cubit, that logic (isMobile/isDesktop/isTablet) wound be inside the cubit? And how do you feel about have in the main screen only three widgets, one for mobile, one for desktop and one for tablets, avoiding the amount of "if"'s

    • @HeyFlutter
      @HeyFlutter  5 месяцев назад +1

      Thank You @guilhermesoares9906! Follow this link: medium.com/@azharbinanwar/coding-made-easy-using-handy-extensions-on-buildcontext-46283b3655be
      I hope you will get your answer 🙂

  • @graceokon1221
    @graceokon1221 8 месяцев назад

    Great video

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank you, @graceokon1221! 🙂

  • @hanialhebshi9698
    @hanialhebshi9698 8 месяцев назад

    Awesome .. Thanks a lot

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      You are welcome, @hanialhebshi9698!

  • @danielkemmet2594
    @danielkemmet2594 2 месяца назад

    Are you sure this isn't broken. I'm not sure you can call setState in a Widget function. We well Selected Index Doesn't seem to be available to the widget declared outside it's scope (AKA A standalone widget outside the Set State)

  • @kadercherif232
    @kadercherif232 8 месяцев назад

    thanks for the video

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      You are welcome, @kadercherif232!

  • @花志雄
    @花志雄 8 месяцев назад

    Thank you for your vidio show.

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      You are welcome, @user-bx8uh4gl6s!

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 7 месяцев назад

    8:56
    Its better to have a clip to the container in order to contain the inwell splash.

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад

      Thank you, @saiphaneeshk.h.5482! 🙂

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 7 месяцев назад

    During the development process i feel like running the app in native mac/win app is better than in web because of the hot reload feature.
    But the availablility of packages is one the biggest drawback while doing it.

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад

      Thanks for your feedback, @saiphaneeshk.h.5482! 🙂

  • @thevoicep6562
    @thevoicep6562 2 месяца назад

    in the minute 9:44 you use expanded but IDK if that is correct

    • @HeyFlutter
      @HeyFlutter  Месяц назад

      Great catch! @thevoicep6562! 🙂👍 you can skip that expanded

  • @ZaferAst
    @ZaferAst 4 месяца назад

    Thanks 👍💯

    • @HeyFlutter
      @HeyFlutter  4 месяца назад

      You are welcome, @ZaferAst!

  • @bayramkomekov7850
    @bayramkomekov7850 7 месяцев назад

    Hi there can you show navigate on desktop side

  • @francescoferri778
    @francescoferri778 6 месяцев назад

    Hi, I have a question, with this code I can create 3 differents app? I try to explain what I mean.
    If I write the code to create this the Tablet and version mobile could be an IOS and Android app of the breakpoint or the code function only on a web app?
    I hope I explain it correctly! 😁

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад +1

      Thank you, @francescoferri778! 🙂. Yes it will work for both.

    • @francescoferri778
      @francescoferri778 6 месяцев назад

      @@HeyFlutter thank to you for the answer! Nice video by the way 😁💪🏻

  • @victor7ultimate
    @victor7ultimate 7 месяцев назад +2

    The constant switching from dark-themed-everything to a flashing white meme background really hurts the eyes 🥺

    • @HeyFlutter
      @HeyFlutter  7 месяцев назад

      Thanks for your feedback, @victor7ultimate! 🙂

    • @victor7ultimate
      @victor7ultimate 7 месяцев назад

      @@HeyFlutter the pleasure is mine ☺️

  • @safari11
    @safari11 4 месяца назад

    thankyou dear

    • @HeyFlutter
      @HeyFlutter  4 месяца назад

      You are welcome, @safari11!

  • @Mhmd_SHA
    @Mhmd_SHA 8 месяцев назад

    thank you sir

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      You are welcome, @Mhmd_SHA!

  • @victor7ultimate
    @victor7ultimate 7 месяцев назад

    Thank you

    • @HeyFlutter
      @HeyFlutter  7 месяцев назад +1

      You are welcome, @victor7ultimate!

    • @victor7ultimate
      @victor7ultimate 7 месяцев назад

      @@HeyFlutter this channel never disappoints ☺️

  • @itpeople1573
    @itpeople1573 6 месяцев назад

    super

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад

      Thank you, @itpeople1573! 🙂

  • @VELMURUGAN-vo6zo
    @VELMURUGAN-vo6zo 8 месяцев назад

    how can we add sub menu in side menu

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank You @VELMURUGAN-vo6zo! Follow this link: stackoverflow.com/questions/76517157/how-to-create-a-submenu-inside-a-dropdown-menu-in-flutter-that-opens-side-to-the
      I hope you will get your answer 🙂

  • @vimalvijayakumar9180
    @vimalvijayakumar9180 8 месяцев назад

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank you, @vimalvijayakumar9180! 🙂

  • @Rm-qz1ro
    @Rm-qz1ro 6 месяцев назад

    Plz help flutter in app purchase 2024

    • @HeyFlutter
      @HeyFlutter  6 месяцев назад

      Thanks for the idea, @Rm-qz1ro! 🙂 I have added it to my list of ideas for future videos!

  • @BintangPradivaPutraPrayoga
    @BintangPradivaPutraPrayoga 6 месяцев назад

    8:30

    • @HeyFlutter
      @HeyFlutter  5 месяцев назад

      Thank you, @BintangPradivaPutraPrayoga! 🙂

  • @eelam_hiphops
    @eelam_hiphops 8 месяцев назад

    dashboard with firebase

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад

      Thank you, @eelam_hiphops! 🙂

  • @GlennMartin
    @GlennMartin 2 месяца назад

    Downvoting mate, this is not even working. The code vs examples don't match at all.

    • @HeyFlutter
      @HeyFlutter  2 месяца назад

      Hey @GlennMartin 😀 what issue you are exactly facing?