Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial
Вставка
- Опубліковано 6 жов 2024
- In this comprehensive Flutter tutorial, You will learn how to create a fully responsive Fitness Dashboard UI app from scratch in Flutter. Whether you're a beginner or an experienced developer looking to enhance your Flutter skills, Follow along with the code examples and demos to build your own responsive dashboard UI app and take your Flutter development skills to the next level.
👉 Checkout the Source Code: shorturl.at/nxUVY
![[UA] NAVI проти G2 Esports | Blast Premier Fall Final](http://i.ytimg.com/vi/QWlIm4FGESQ/mqdefault.jpg)
👉 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
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?
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! 👍👍
Glad to hear that, You are most welcome @Constantine..
Dieses Video ist Schritt für Schritt und Ihr Code ist echtes Kabeljau und Ihr Code ist die beste Methode, um alles zu verstehen 👍
more videos like this please. step by step from scratch.
Glad you liked it, @SanusiAdewale 😀
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.
Same here, terrible examples and coding.
Nice tutorial! It would be greate, if the next step is would be doing the navigation on this responsive App
Thank you, @serkandemir6733! 🙂
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.
Thanks for the idea, @bisewski01! 🙂 I have added it to my list of ideas for future videos!
@@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...
awesome work! thank you!
You are welcome, @denn319!
Gracias,saludos desde Arg. Por acá aprendiendo !
Thank you, @lucacandia3515! 🙂
Great video! Thanks a lot!
Glad to hear that, Thank you @elbu3818! 😊
Great video 🔥
Congratulations
Thank you, @mordiop6832! 🙂
8:56
Its better to have a clip to the container in order to contain the inwell splash.
Thank you, @saiphaneeshk.h.5482! 🙂
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
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 🙂
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?
Thank you, @hiimkace1688! 🙂. Please follow the video carefully.
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.
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)
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.
Thanks for your feedback, @saiphaneeshk.h.5482! 🙂
in the minute 9:44 you use expanded but IDK if that is correct
Great catch! @thevoicep6562! 🙂👍 you can skip that expanded
Awesome .. Thanks a lot
You are welcome, @hanialhebshi9698!
Hi there can you show navigate on desktop side
Thanks 👍💯
You are welcome, @ZaferAst!
The constant switching from dark-themed-everything to a flashing white meme background really hurts the eyes 🥺
Thanks for your feedback, @victor7ultimate! 🙂
@@HeyFlutter the pleasure is mine ☺️
thankyou dear
You are welcome, @safari11!
thanks for the video
You are welcome, @kadercherif232!
Thank you for your vidio show.
You are welcome, @user-bx8uh4gl6s!
Great video
Thank you, @graceokon1221! 🙂
Thank you
You are welcome, @victor7ultimate!
@@HeyFlutter this channel never disappoints ☺️
thank you sir
You are welcome, @Mhmd_SHA!
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! 😁
Thank you, @francescoferri778! 🙂. Yes it will work for both.
@@HeyFlutter thank to you for the answer! Nice video by the way 😁💪🏻
super
Thank you, @itpeople1573! 🙂
how can we add sub menu in side menu
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 🙂
Plz help flutter in app purchase 2024
Thanks for the idea, @Rm-qz1ro! 🙂 I have added it to my list of ideas for future videos!
❤
Thank you, @vimalvijayakumar9180! 🙂
8:30
Thank you, @BintangPradivaPutraPrayoga! 🙂
dashboard with firebase
Thank you, @eelam_hiphops! 🙂
Downvoting mate, this is not even working. The code vs examples don't match at all.
Hey @GlennMartin 😀 what issue you are exactly facing?