Тёмный

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

HeyFlutter․com
Подписаться 202 тыс.
Просмотров 38 тыс.
50% 1

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 73   
@HeyFlutter
@HeyFlutter 7 месяцев назад
👉 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 6 месяцев назад
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.. 7 месяцев назад
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 6 месяцев назад
Glad to hear that, You are most welcome @Constantine..
@pro.rodrigoh
@pro.rodrigoh 2 месяца назад
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 25 дней назад
Same here, terrible examples and coding.
@hiimkace1688
@hiimkace1688 4 месяца назад
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 4 месяца назад
Thank you, @hiimkace1688! 🙂. Please follow the video carefully.
@MiloTheWizard
@MiloTheWizard Месяц назад
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.
@victor7ultimate
@victor7ultimate 5 месяцев назад
The constant switching from dark-themed-everything to a flashing white meme background really hurts the eyes 🥺
@HeyFlutter
@HeyFlutter 5 месяцев назад
Thanks for your feedback, @victor7ultimate! 🙂
@victor7ultimate
@victor7ultimate 5 месяцев назад
@@HeyFlutter the pleasure is mine ☺️
@DarshitMendapara1425
@DarshitMendapara1425 6 месяцев назад
Dieses Video ist Schritt für Schritt und Ihr Code ist echtes Kabeljau und Ihr Code ist die beste Methode, um alles zu verstehen 👍
@GlennMartin
@GlennMartin 25 дней назад
Downvoting mate, this is not even working. The code vs examples don't match at all.
@HeyFlutter
@HeyFlutter 22 дня назад
Hey @GlennMartin 😀 what issue you are exactly facing?
@danielkemmet2594
@danielkemmet2594 Месяц назад
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)
@serkandemir6733
@serkandemir6733 7 месяцев назад
Nice tutorial! It would be greate, if the next step is would be doing the navigation on this responsive App
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank you, @serkandemir6733! 🙂
@thevoicep6562
@thevoicep6562 5 дней назад
in the minute 9:44 you use expanded but IDK if that is correct
@HeyFlutter
@HeyFlutter 3 дня назад
Great catch! @thevoicep6562! 🙂👍 you can skip that expanded
@SanusiAdewale
@SanusiAdewale 4 месяца назад
more videos like this please. step by step from scratch.
@HeyFlutter
@HeyFlutter 4 месяца назад
Glad you liked it, @SanusiAdewale 😀
@bayramkomekov7850
@bayramkomekov7850 5 месяцев назад
Hi there can you show navigate on desktop side
@guilhermesoares9906
@guilhermesoares9906 4 месяца назад
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 4 месяца назад
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 🙂
@saiphaneeshk.h.5482
@saiphaneeshk.h.5482 5 месяцев назад
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 5 месяцев назад
Thanks for your feedback, @saiphaneeshk.h.5482! 🙂
@saiphaneeshk.h.5482
@saiphaneeshk.h.5482 5 месяцев назад
8:56 Its better to have a clip to the container in order to contain the inwell splash.
@HeyFlutter
@HeyFlutter 5 месяцев назад
Thank you, @saiphaneeshk.h.5482! 🙂
@denn319
@denn319 5 месяцев назад
awesome work! thank you!
@HeyFlutter
@HeyFlutter 5 месяцев назад
You are welcome, @denn319!
@francescoferri778
@francescoferri778 4 месяца назад
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 4 месяца назад
Thank you, @francescoferri778! 🙂. Yes it will work for both.
@francescoferri778
@francescoferri778 4 месяца назад
@@HeyFlutter thank to you for the answer! Nice video by the way 😁💪🏻
@mordiop6832
@mordiop6832 7 месяцев назад
Great video 🔥 Congratulations
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank you, @mordiop6832! 🙂
@bisewski01
@bisewski01 3 месяца назад
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 3 месяца назад
Thanks for the idea, @bisewski01! 🙂 I have added it to my list of ideas for future videos!
@bisewski01
@bisewski01 3 месяца назад
​@@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...
@Rm-qz1ro
@Rm-qz1ro 4 месяца назад
Plz help flutter in app purchase 2024
@HeyFlutter
@HeyFlutter 4 месяца назад
Thanks for the idea, @Rm-qz1ro! 🙂 I have added it to my list of ideas for future videos!
@BintangPradivaPutraPrayoga
@BintangPradivaPutraPrayoga 4 месяца назад
8:30
@HeyFlutter
@HeyFlutter 4 месяца назад
Thank you, @BintangPradivaPutraPrayoga! 🙂
@elbu3818
@elbu3818 2 месяца назад
Great video! Thanks a lot!
@HeyFlutter
@HeyFlutter 2 месяца назад
Glad to hear that, Thank you @elbu3818! 😊
@eelam_hiphops
@eelam_hiphops 6 месяцев назад
dashboard with firebase
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank you, @eelam_hiphops! 🙂
@VELMURUGAN-vo6zo
@VELMURUGAN-vo6zo 7 месяцев назад
how can we add sub menu in side menu
@HeyFlutter
@HeyFlutter 6 месяцев назад
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 🙂
@lucacandia3515
@lucacandia3515 6 месяцев назад
Gracias,saludos desde Arg. Por acá aprendiendo !
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank you, @lucacandia3515! 🙂
@花志雄
@花志雄 7 месяцев назад
Thank you for your vidio show.
@HeyFlutter
@HeyFlutter 6 месяцев назад
You are welcome, @user-bx8uh4gl6s!
@safari11
@safari11 3 месяца назад
thankyou dear
@HeyFlutter
@HeyFlutter 3 месяца назад
You are welcome, @safari11!
@ZaferAst
@ZaferAst 2 месяца назад
Thanks 👍💯
@HeyFlutter
@HeyFlutter 2 месяца назад
You are welcome, @ZaferAst!
@hanialhebshi9698
@hanialhebshi9698 6 месяцев назад
Awesome .. Thanks a lot
@HeyFlutter
@HeyFlutter 6 месяцев назад
You are welcome, @hanialhebshi9698!
@itpeople1573
@itpeople1573 4 месяца назад
super
@HeyFlutter
@HeyFlutter 4 месяца назад
Thank you, @itpeople1573! 🙂
@kadercherif232
@kadercherif232 7 месяцев назад
thanks for the video
@HeyFlutter
@HeyFlutter 6 месяцев назад
You are welcome, @kadercherif232!
@Mhmd_SHA
@Mhmd_SHA 7 месяцев назад
thank you sir
@HeyFlutter
@HeyFlutter 6 месяцев назад
You are welcome, @Mhmd_SHA!
@graceokon1221
@graceokon1221 7 месяцев назад
Great video
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank you, @graceokon1221! 🙂
@victor7ultimate
@victor7ultimate 5 месяцев назад
Thank you
@HeyFlutter
@HeyFlutter 5 месяцев назад
You are welcome, @victor7ultimate!
@victor7ultimate
@victor7ultimate 5 месяцев назад
@@HeyFlutter this channel never disappoints ☺️
@vimalvijayakumar9180
@vimalvijayakumar9180 6 месяцев назад
@HeyFlutter
@HeyFlutter 6 месяцев назад
Thank you, @vimalvijayakumar9180! 🙂
Далее
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Просмотров 288 тыс.
Шоколадная девочка
00:23
Просмотров 730 тыс.
ATOMIC DESIGN with REACT and TAILWIND
39:36
Adaptive vs. Responsive | Decoding Flutter
5:09
Просмотров 106 тыс.
Realtime Chat App in React Native and AWS (Backend) 🔴
3:29:01
Ever thought why We fail as Flutter Developer?
8:19
How to build Adaptive UI with Flutter
34:06
Просмотров 364 тыс.
Flutter Responsive Design Tutorial 📲
11:00
Просмотров 67 тыс.