Top 10 Flutter Widgets (for Responsive Layouts)

Подписаться 200 тыс.

Просмотров 72 тыс.

50% 1

These are the best Flutter Widgets if you want to create responsive layouts for your Flutter app.
Most importantly these are the best Flutter tips and tricks for responsive layouts in Flutter and nesting widgets in each other.
Click here to Subscribe to Johannes Milke: ru-vid.com...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/top_...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
TIMELINE
0:00 Top 10 Flutter Widgets
0:07 Intrinsic Width and Height
1:36 Wrap Widget
2:25 Spacer Widget
3:26 FittedBox Widget
4:12 Expanded Widget
6:40 Flexible Widget
8:18 Media Query
9:32 Orientation
11:32 Layout Builder
13:09 Nested Column & ListView
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

Наука

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

4 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 92

@HeyFlutter 2 года назад

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com ALL Source Codes: github.com/JohannesMilke/top_10_flutter Curious about the first one? Then watch "Nested Column and ListView": ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZpHuAbYWL3w.html

@user-wh4uj7yw9k 6 месяцев назад

😅

@markmullenbjj 2 года назад

This is my favorite YT Flutter channel. Consistently great content!

@andreisas1621 2 года назад

same

@sleewok 2 года назад

Yet another super helpful video with stuff I didn't even realize I was missing. Thanks again!

@rtheclashers7692 2 года назад

IntrinsicWidth and IntrinsicHeight is on the last rank because it consumes more memory to your app . Great position by Johannes Milke 👍👍

@user-os2cw6qf7w 2 года назад

Thanks a million. Let's continue. We wanna more!

@ahteramkhattak2243 2 года назад

very precise and to the point. Once again you have stolen the show bro!!!

@esraayehia9273 2 года назад

Super teacher 🔥❤️ always waiting your videos 🙏

@bayazidhossain2702 Год назад

I found your first video in my youtube home page suggestion. And after seeing that video I liked that and I immediately subscribed to your channel. Your content is self-explanatory and very clear. Thank you so much for your hard work. Keep this good work up.

@HeyFlutter Год назад

Glad to hear that, Thank you Bayazid Hossain! 😊💝

@user-kw4kp7eq9m 2 года назад

Awesome, thanks!

@shahoodgmail Год назад

Really liked the way u covered this much in such a short video and that too in such an informative way. 👌🏼

@HeyFlutter Год назад

Glad to hear that, Thank you Shahood ul Hassan! 😊

@hawarhekmat1174 2 года назад

Great work, thank you

@Procodeaccademy 2 года назад

Thank you sir, you are doing great work

@abdurahimnegussie3850 2 года назад

simply you are a life saver! Your are doing much than the official flutter channel. Keep up the good work!

@mattjames4978 Год назад

Fantastic tutorial - well done... I think I will refer back to this again and again.

@HeyFlutter Год назад

Glad you liked it, Matt James 😀

@pakahoevansyli5811 2 года назад

You help my life so much.

@ThePilli41 Год назад

What a W video! Super happy to discover it.

@HeyFlutter Год назад

Glad to hear that, Thank you ThePilli41! 😊

@markchristianlid-awan596 2 года назад

Thank you bro

@gauravkumar-bs3pf Год назад

Your video helped me a lot. Many thanks to you❤

@HeyFlutter Год назад

You’re most welcome, @gauravkumar-bs3pf! 🙂

@warlockCommitteeMeeting 2 года назад

thank you!

@obadaalahdab5662 Год назад

The top widgets from the best flutter Developer, really it's the best from the best.

@HeyFlutter Год назад

Thanks, Obada Al Ahdab! 🙂

@vitek12321 Год назад

Were cool features!!! Thank you!!

@HeyFlutter Год назад

You’re most welcome, Виктор! 🙂

@qazqwe5419 2 года назад

Best solution video for all responsiveness problems

@DraskoSaric 2 года назад

You nailed it with this video

@HeyFlutter 2 года назад

Thank you, Draško Sarić! 🙂

@MohammedAhmed-un2jd Год назад

you are the best of the best... thank you so much ..😊

@HeyFlutter Год назад

Glad to hear that, You are most welcome Mohammed Ahmed! 😊

@sangameshkyatappanavar 2 года назад

❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️ Great tips bro 👍 Thanks

@ritomukherjee8389 2 года назад

Nice video as always!! One Idea - How about desktop app ( Windows/ Mac OS/ Linux ) in flutter tips? As from version 2.10 we can make offline first desktop app also .. Hope to see few on these soon

@GauravKumar-lx5vn 2 года назад

Nice.... 👌🏻👌🏻👌🏻

@PUBGGAMER-ef7nc 2 года назад

Best video for flutter is here . Love explain style .. Please dear make a online java code compiler in flutter application

@jajasaria 2 года назад

funny that I always used the listed widget but I never fully understood or wrong use of the properties. this helps a lot review and implementing the right way. thank you Johannes

@HeyFlutter 2 года назад

Great, Thank You john andrew

@ramanmhedin1137 Год назад

this video was more useful than most of the fkutter course for me, thank you so much.

@HeyFlutter Год назад

Glad to hear that, You are most welcome Raman mhedin! 😊

@kouassiangeyao6057 Год назад

thank you bro

@HeyFlutter Год назад

You are welcome, Kouassi Ange!

@jamshaidmalik463 Год назад

Very nice brother

@HeyFlutter Год назад

Thank you, Jamshaid Malik! 🙂

@DL-gg3sb 2 года назад

The best trick.

@sanchaarnewsapp 2 года назад

You are awesome and these widgets also😅

@marwanalmaani7178 2 года назад

Thank you so much for your support, please i need to filtering listview between two date. Best regards

@marwanalmaani7178 2 года назад

@@HeyFlutter I don't know how to thank you for your interest to help us . Iam from jordan if you need any help from jordan i will do.

@computerprogrammer9279 2 года назад

Very good no comment

@phamnho3245 Год назад

thanks

@HeyFlutter Год назад

You are welcome, Phạm Nhớ!

@RandalLSchwartz 2 года назад

Consider also the Boxy package in the pub this package can analyze the children and get their Constraints to decide the final layout.

@rv9570 2 года назад

Hey Johannes, this was great. Can you make a video on how to create our own rest api whcih can connect to SQL database and we can run CRUD operation in flutter app. Resposne in json format. If you can make a detail video that will be a great help Johannes. Thanks in advance

@rv9570 2 года назад

@@HeyFlutter Thanks Johannes for considering it to your future list . This will be a blockbuster video because in youtube or on google not a single specific video is available. Hope for the best as you always deliver. Thanks once again.

@exconfessor3639 2 года назад

Great one! Also it would be really nice to have chapters in your videos for better navigation.

@HeyFlutter 2 года назад

Thanks, ExConfessor! 🙂 Below the video you find a navigation for moving between all video parts: 0:00 Top 10 Flutter Widgets 0:07 Intrinsic Width and Height 1:36 Wrap Widget 2:25 Spacer Widget 3:26 FittedBox Widget 4:12 Expanded Widget 6:40 Flexible Widget 8:18 Media Query 9:32 Orientation 11:32 Layout Builder

@sivarampr 2 года назад

Good morning content creator... 🥰

@GauravKumar-lx5vn 2 года назад

Have you covered both front end and back end in your course?

@shakeebahmedkhan8026 2 года назад

could you please make a video on API? how to use to get location through APIs and send our location on Server

@aytunch 2 года назад

13:10 Johannes while you were editing you forgot to add the "nested column & listview". And i was really hoping to see that part :(

@navneetsinghprofile 2 года назад

Yes

@HeyFlutter 2 года назад

Yep you are right, aytunch! Simply watch this one - "Nested Column and ListView": ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZpHuAbYWL3w.html

@khurshidddbek 2 года назад

👍

@PUBGGAMER-ef7nc 2 года назад

Dear please make a video on online java code compiler in flutter application please ..

@kamilpius8185 2 года назад

Hi. There is layout builder twice by mistake I guess:)

@nasserelbaba230 2 года назад

genuis, thank you can you make a video about JWT please i really need to know more about it and how to deal with token using facebook,and normal server i am a beginer and i already wached a lot of videos for it but still so confusing to me so please if you can help me understand it and thank you a lot

@nasserelbaba230 2 года назад

@@HeyFlutter you are awesome,and a great teacher you are helping me a lot thank you so much i hope for you a great day every day🥰

@bakhadher2240 2 года назад

0:07 Intrinsic Width and Height 1:36 Wrap Widget 2:25 Spacer Widget 3:26 FittedBox Widget 4:12 Expanded Widget 6:40 Flexible Widget 8:18 Media Query 9:32 Orientation 11:32 Layout Builder

@HeyFlutter 2 года назад

Great, Thank You Ba khadher

@kwbeats.5810 2 года назад

I’ve sent you an email of a problem that i face with carousel slider please answer it.

@okeyshourovroy2769 2 года назад

A video request on graphql with jwt refresh token implementation

@okeyshourovroy2769 2 года назад

@@HeyFlutter thank you ❤️

@Cisco-lf7uf 2 года назад

Make Another one please

@HeyFlutter 2 года назад

Thank you, Cisco1234! 🙂

@JeffPalmer42 2 года назад

What about system settings like font size?

@RandalLSchwartz 2 года назад

Please don’t change font size in reaction to screen width or some other parameter.

@HeyFlutter 2 года назад

Thank You Jeff Palmer! Follow this link: stackoverflow.com/questions/57210428/flutter-how-to-create-responsive-text-widget I hope you will get your answer 🙂

@bhabhayt398 2 года назад

Search data from local database sqlite fetching data implement staggered gird view

@harshitpandey6740 2 года назад

Sir how can I solve this error * What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'. > Process 'command 'C:\src\flutter\bin\flutter.bat'' finished with non-zero exit value 1

@HeyFlutter 2 года назад

Hello, Harshit Pandey! Follow this link: stackoverflow.com/questions/61930007/how-to-solve-execution-failed-for-task-appcompileflutterbuilddebug, I hope it will solve your problem. Thank You 🙂

@tancuregaming4149 2 года назад

Instead of nested column came layout builder again

@tancuregaming4149 2 года назад

Tq sir for replying I am a big fan of u and one thing sir can u please make Facebook authentication video

@ericlekwane423 2 года назад

@@HeyFlutter hey Johannes, could u kindly make a series on velocity_x package i found that it's extremely powerful to use in flutter, thanks in advance

@HeyFlutter 2 года назад

Thanks, Tan cure Gaming! 🙂 Simply watch this one - "Nested Column and ListView": ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZpHuAbYWL3w.html