Top 35 Flutter Widgets
Рет қаралды 320,794
This is all the best Flutter Widgets that you should know if you code Flutter apps. This is the most important and interesting widgets list you can find on KZfaq. The most majority are widget and some of them are some Flutter Tips like the Spread Operator. This video is highly recommended for any Flutter developer working with Dart.
FREE FLUTTER ROADMAP
A Free step by step guide to learn Flutter available here: fluttermapp.com/
COURSES
Flutter courses (ZERO to HERO): fluttermapp.com/
OVERVIEW
0:00 Stepper
1:09 FittedBox
1:46 showSearch
3:54 .adaptive
4:41 Hero
5:36 StreamBuilder
6:53 ChoiceChip
7:54 SliverAppBar
9:10 Wrap
9:50 ExpansionTile
10:15 showTimePicker
11:09 showDatePicker
12:12 PopupMenuButton
13:14 Range Slider
14:14 Visibility
15:00 BottomNavigationBar
16:04 PageView
16:29 showModalBottomSheet
17:01 AnimatedCrossFade
17:42 Expanded
18:30 Flexible
19:36 WillPopScope
20:19 FutureBuilder
22:01 GridPaper
22:20 Tooltip
22:41 Spread Operator ...
23:06 Stack
23:26 Positioned
24:00 AlertDialog
24:41 Table
25:21 GestureDetector
25:57 Inkwell
26:39 InteractiveViewer
27:20 CheckboxListTile
28:04 SelectableText
MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.
RECOMMENDED
Top 30 Flutter tips and tricks: kzfaq.info/get/bejne/a9x0pJh1vb7co6c.html
DISCORD
Invite: discord.com/invite/CrdmDraphN
SOCIAL MEDIA:
Instagram : fluttermapp
Twitter : FlutterMapp
Website: www.fluttermapp.com
CONTACT
For business inquiries email me here: info@fluttermapp.com
Website: fluttermapp.com
#FlutterWidgets
#Flutter
@FlutterMapp 2 жыл бұрын
✅ For more Flutter Tips like this, check this playlist with more than 100 tips: kzfaq.info/get/bejne/a9x0pJh1vb7co6c.html
@Flutterdev6391 2 жыл бұрын
0:10 stepper 1:10 FittedBox 1:50 Showsearch 4:00 adaptive 4:45 Herowidget 5:40 streambuilder 6:50 Choicechip 7:55 SilverappBar 9:10 Wrap 9:50 ExpansionTile 10:15 ShowTimepicker 11:10 Datetimepicker 12:15 PopupMenuButton 13:15 Rangeslider 14:14 visibility 15:00 BottomNavigationBar 16:05 Pageview 16:30 showModalBottomsheet 17:00 AnimatedCrossfade 17:43 Expanded 18:35 Flexible 19:35 WillpopScope 20:20 Futurebuilder 22:00 Gridpaper 22:22 Tolltip 22:42 Spread operator 23:08 Stack 23:30 positioned 24:00 Alertdialog 24:43 Tabel 25:21 Gesturedetector 25:58 Inkwell 26:40 Interctiveviewer 27:22 Checkboxtile 28:06 selecteTableText
@FlutterMapp 2 жыл бұрын
Thanks 👏🔥 If you want to save some time next time you can copy paste this from the description 😂 👏
@Flutterdev6391 2 жыл бұрын
@@FlutterMapp sure 😁
@cestlavieeee 2 жыл бұрын
@@FlutterMapp LMAO
@bhanutadepalli 2 жыл бұрын
God bless you!! Was about to do this for myself but saw that you did that already
@deepjoshi3118 2 жыл бұрын
How to make it ? it's so useful !
@Bizarro69 2 жыл бұрын
You are creating content that will be a library all learners come back to as they become better flutter developers. Thank you!
@ndthinh91 Жыл бұрын
Awesome! Your explanations are so clear
@SandwichMitGurke 2 жыл бұрын
glad you're back! the .adaptive is the most important one for me. Before watching the video, I always made an if statement to check which platform the app runs on, and then I had to insert 2 same widgets with different name, but .adaptive is great!
@FlutterMapp 2 жыл бұрын
Yeah the .adaptive is very great! I wish it was on every widgets 😂
@sumeetsolse3749 2 жыл бұрын
Wow.......Very very useful & informative video for learner. You are doing great things......Thanks a lot
@user-vu3ls2nr8n 2 жыл бұрын
Brilliant. Really unique content and easy to understand. Great for you to take tips from the community too. Keep it up
@FlutterMapp 2 жыл бұрын
Thank you so much! 👏🔥
@XTh3reaperX 2 жыл бұрын
Nice work, straight to the point without any stalling or bs, subbed.
@FlutterMapp 2 жыл бұрын
Thanks a lot! Yeah no bs on this channel 😂👏 Welcome to Flutter Mapp 👏🔥🔥
@HermanPalmgren 2 жыл бұрын
Finally got around to watching this. Thanks so much for making this, you are a legend. Will definitely be using a few of these in my app 😁
@FlutterMapp 2 жыл бұрын
Thank you very muuch Herman! I appreciate your comment 👍 Wish one will you use?
@HermanPalmgren 2 жыл бұрын
@@FlutterMapp Selectable text and pop menu button for sure!
@dessallidev4890 Жыл бұрын
That was so helpful! I just started using soft and was so overwheld!
@chilly1g 2 жыл бұрын
I love this tutorial, its not just widgets named, but explained
@FlutterMapp 2 жыл бұрын
Thanks a lot Matic, more video like this will be available soon 👏
@sergeil.2548 2 жыл бұрын
Excellent list of helpful widgets Thanks a lot! 💪🏼
@FlutterMapp 2 жыл бұрын
Pleasure Sergei. Thanks for the comment. 👏
@mister.z2260 2 жыл бұрын
This is super cool top tips, helps me a lot for flutter layout!!!
@FlutterMapp 2 жыл бұрын
Thanks a lot MisterZ, I appreciate it 🔥👏
@sithusoe8797 Жыл бұрын
Thanks a lot !! Very useful and awesome.
@aiden1663 Жыл бұрын
Great video, thanks!
@moonloud9109 2 жыл бұрын
Auto subscribe. Thanks for these list!!
@FlutterMapp 2 жыл бұрын
Thanks sooo much FXeve! Welcome to flutter mapp! 🔥🔥🐤
@nlcuong2228 Жыл бұрын
It's really useful for me, thanks for your videos😍😍😍
@stanislavtraykov1766 2 жыл бұрын
well, this was extremely enjoyable to watch. Good job!
@FlutterMapp 2 жыл бұрын
I do really appreciate it Stanislav 👏
@august7791 2 жыл бұрын
Really useful video. All masterpiece widgets compiled at one place and well explained at the shortest time possible. Found 6 new useful widgets that'll come in handy for my app development. Great work sir.🔥🔥🔥
@FlutterMapp 2 жыл бұрын
Nice to know! Glad that you learned some cool stuff 🔥🙏 Thanks for the comment August!
@ChrisHalden007 2 жыл бұрын
Great video. Thanks
@aiakos5033 Жыл бұрын
I just wanna learn even more now- it looks so cool o.O
@juliakim8586 2 жыл бұрын
This video easily took my 30 minutes. Such a nice video
@FlutterMapp 2 жыл бұрын
Thank you very much for watching, I hope you learned some new things Julia 👏👏🔥🔥🔥
@naqeebmaqsood2970 2 жыл бұрын
Happy to realize that all of the widgets were under my knowledge guess I'm improving my flutter skills 🥳🙌
@FlutterMapp 2 жыл бұрын
Letsgooo! 👏 Have you watched the Flutter of the day series? This were all the best ones from the series 🔥
@naqeebmaqsood2970 2 жыл бұрын
@@FlutterMapp yes i watched it all ❤️❤️
@juangwapo9483 2 жыл бұрын
Great video and easy to understand for newbies. Keep it up sir
@FlutterMapp 2 жыл бұрын
Thank you very much Juan. Have a great day 🔥
@maikoe7198 2 жыл бұрын
thank you again, I'm learning a lot as a beginner from your videos.
@FlutterMapp 2 жыл бұрын
Pleasure, thank for the comment Maikoe ⚡🙏
@mabialaemile8541 2 жыл бұрын
I didn't know 2 of these. Thanks for the video
@FlutterMapp 2 жыл бұрын
Pleasure Mabiala, which one did you learn? 👏
@ASHOKKUMAR-xd1dl 2 жыл бұрын
Weekly once put a video like this its easy to learn much of widgets and thanks 😍😍
@FlutterMapp 2 жыл бұрын
Thank you very much Ashok I appreciate it 👏 Weekly video will come on the channel 👏
@ahsan_khan44 2 жыл бұрын
great video ever thanks man
@FlutterMapp 2 жыл бұрын
Pleasure Ahsan! Thanks for watching and thanks for the comment 👏
@muammar88 6 ай бұрын
Dude, thank you!
@keithbacalso9433 2 жыл бұрын
absolutely awsome 😁😃🎉🎉 your the best keep it up!! 🙌
@FlutterMapp 2 жыл бұрын
Thank you very much Keith 🙏🔥
@shalomdesta30 2 жыл бұрын
good to see you back
@FlutterMapp 2 жыл бұрын
Thank you very much. A much better video will be out soon (The startup video) 🙏🙏🔥
@MdSiam-kw5ox 2 жыл бұрын
Very helpful video. Thanks. 👍
@FlutterMapp 2 жыл бұрын
Pleasure to share, thanks for the comment Siam👏🔥
@hieutrung3870 2 жыл бұрын
Amazing! thank you so much!
@FlutterMapp 2 жыл бұрын
It's a pleasure Trung. 👏 I really appreciate it 🔥
@revolutionizer099 2 жыл бұрын
really really awesome dude !
@FlutterMapp 2 жыл бұрын
Thank you very much 🙏🙏🙏
@timse699 2 жыл бұрын
Helpful thank you!!
@FlutterMapp 2 жыл бұрын
Pleasure, Thank you very much for the comment Tim, I appreciate it 🙏🙋♂️
@KordiakRevival 2 жыл бұрын
Amazing vid!
@FlutterMapp 2 жыл бұрын
Thanks a lot 🔥
@obadaalhalabi607 2 жыл бұрын
Amazing !!! 😍😍😍😍 I will share this with my university students 🌷
@FlutterMapp 2 жыл бұрын
Damnnnn, thanks a lot Obada, if you liked this video, check the new one I just made about 35 Flutter Tips and Tricks, this one is wayyyyyy better 😂👏 I appreciate it
@risabella18 2 жыл бұрын
DUDE!! How do you even do this?!?! It´s just incredible!! Your hacks and trick ACTUALLY work!!
@FlutterMapp 2 жыл бұрын
loool 🤣 Thanks but Which hacks? you mean the flutter widgets? 🤣
@GeekyLOAF Жыл бұрын
Awesome 👌
@HalfTime-gx1ui 3 ай бұрын
Awesome ❤
@SyedVkax 2 жыл бұрын
Great.. very helpful 👍👍
@FlutterMapp 2 жыл бұрын
Pleasure! 🔥🙏
@diasneto5231 2 жыл бұрын
Amazing video!
@FlutterMapp 2 жыл бұрын
Thanks a lot Dias! 🔥⚡️⚡️
@masumrahman635 2 жыл бұрын
very impressive...❤ Thank you so much for your kindly information...😍😍
@FlutterMapp 2 жыл бұрын
pleasure Rahman 🙏🍿💪
@arinsowers5832 Жыл бұрын
Very nice
@binhtrinh22 2 жыл бұрын
Great work 👍
@FlutterMapp 2 жыл бұрын
Thank you Binh. 👏🔥
@Aspiiire 2 жыл бұрын
Wow that was not expected 30 minutes fantastic work
@FlutterMapp 2 жыл бұрын
Thanks 🔥 I published this video randomly because of your previous comment about (3 weeks without posting) 😂 This make me create this one because the video about the startup was longer to make than expected 😂
@Aspiiire 2 жыл бұрын
@@FlutterMapp Hahahah I'm sorry for that man hahah but maybe was a postivie thing 😂⚡⚡🔥
@FlutterMapp 2 жыл бұрын
@@Aspiiire Yes it was positive for sure 👏😂
@RivaanRanawat 2 жыл бұрын
Awesome, great job👏😄
@FlutterMapp 2 жыл бұрын
Thank you very much, hopefully this help people 🙏🔥
@muhammete.b.845 2 жыл бұрын
Amazing!
@FlutterMapp 2 жыл бұрын
Thanks a lot Muhammet! 👏👏
@andregock Жыл бұрын
Video lindo, grato
@peterbk364 2 жыл бұрын
one of my best channel for flutter
@FlutterMapp 2 жыл бұрын
Thank you very much Peter 👏 I wish you a great day 🔥
@yusrifathoni8168 2 жыл бұрын
Wow. You make me inspired
@FlutterMapp 2 жыл бұрын
Pleasure! Thanks for the comment Yusri👏
@binoyjyotichakma9079 2 жыл бұрын
It was great to get the video after many days
@FlutterMapp 2 жыл бұрын
I do really appreciate it Binoy 👏
@NFTChampion 2 жыл бұрын
ohhhhhh whaaaaaaaaaaaaaaaaaat man ! come on ! this is just amazing , for real man you have set a new bar, iam going to set this as my bar ... good job
@FlutterMapp 2 жыл бұрын
Thanks a lot man! 🔥👏👏👏👏👏👏 Your first Nft video is also blowing up!!!!
@NiranjanND 2 жыл бұрын
Really useful video
@FlutterMapp 2 жыл бұрын
Pleasure to share 👏👏🔥
@gorkxs 2 жыл бұрын
Thank you for this
@FlutterMapp 2 жыл бұрын
Pleasure Gordon, Thank for the comment 👏
@muhamadfadhel7925 9 ай бұрын
cool i like this🔥🔥🔥🔥
@user-ly7jn7bq8g 2 жыл бұрын
Очень крутое и полезное видео, спасибо!
@FlutterMapp 2 жыл бұрын
Thank you very much 👏🖐
@mostafa3bdelkader 2 жыл бұрын
Excellent video
@FlutterMapp 2 жыл бұрын
Thanks a lot Mostafa. 👏
@stefanciobotaru9678 2 жыл бұрын
super coooool!!! :)
@FlutterMapp 2 жыл бұрын
Thanks a lot Stefan 👏👏🔥
@abdulmalikshomasi1913 2 жыл бұрын
Very very very useful keep going
@FlutterMapp 2 жыл бұрын
Thank you very much, I appreciate a lot the support 🔥🙏
@idlevandal69 2 жыл бұрын
Exceptional... 🏆
@FlutterMapp 2 жыл бұрын
Thank you very very much 👏🔥
@programingtales7514 2 жыл бұрын
Amazing ❤
@FlutterMapp 2 жыл бұрын
Thank you very much 👏 Have a great day
@vasanthkorada4802 2 жыл бұрын
Awesome video
@FlutterMapp 2 жыл бұрын
Thanks a lot Vasanth, I appreciate it . 👏
@victorsotelo7565 2 жыл бұрын
Thanks man
@FlutterMapp 2 жыл бұрын
Pleasure Victor 👏🔥
@Zbanowanyy 2 жыл бұрын
Good job!
@FlutterMapp 2 жыл бұрын
I appreciate it 🙏 Have a great day!
@wasih19 2 жыл бұрын
Oh Man you are firing in this video thank you so much....
@FlutterMapp 2 жыл бұрын
🔥😂
@balajijangde8470 2 жыл бұрын
great video
@FlutterMapp 2 жыл бұрын
Thanks a lot Balaji! 🔥🙏
@Henry3dev 2 жыл бұрын
i love you bro thanksssss very muchhhhh
@FlutterMapp 2 жыл бұрын
Pleasure, thank you so much for the comment 👏👏👏
@MohamedAhmed-ys2np 2 жыл бұрын
Awesome ❤️
@FlutterMapp 2 жыл бұрын
Thanks a lot Mohamed 👏 Glad you like the concept of the video 🔥
@chitye-aung 2 жыл бұрын
That's Awesome
@FlutterMapp 2 жыл бұрын
Thank you very much 🔥🙏
@ozberkahmet 2 жыл бұрын
Perfect 🚀🚀
@FlutterMapp 2 жыл бұрын
Thanks Ahmet 👏
@johanordenes1557 2 жыл бұрын
I did know all of this widgets :)
@FlutterMapp 2 жыл бұрын
Damn! Letsgoo Johan! 🙏🙏
@danhabib3441 2 жыл бұрын
Good job ty
@FlutterMapp 2 жыл бұрын
Thanks Dan, Bonne journée 👏
@jishnuksanjeevan6101 2 жыл бұрын
Thank you.
@FlutterMapp 2 жыл бұрын
Pleasure Jishnu 👏 Thanks for the comment ⚡️
@EditorialGuiasdelSur Жыл бұрын
thx
@liveanimails 2 жыл бұрын
helpful and fun
@FlutterMapp 2 жыл бұрын
Thanks a lot 👏 Have a great day 🔥
@itgeniuscyber 2 жыл бұрын
thanks for your teachings, kindly teach how to do background process or service in flutter
@FlutterMapp 2 жыл бұрын
I would probably check at 'Flutter App Lifecycle' to do background process 👏
@rap-com 2 жыл бұрын
THANKs BRO.
@FlutterMapp 2 жыл бұрын
PLEAsURE! 😂👋
@nagendrababu6980 2 жыл бұрын
good work...
@FlutterMapp 2 жыл бұрын
Thanks Nagendra 👏
@LordlyRecords 2 жыл бұрын
Great, you should do more « not for beginners » videos
@FlutterMapp 2 жыл бұрын
lol, its now "You missed these widgets" 😂
@thedev2183 Жыл бұрын
Congrats. 120K Subscrbers :) How is going 1M USD revenue this year challenge :)
@arhamsarwar2573 2 жыл бұрын
Wow, really osm
@FlutterMapp 2 жыл бұрын
Thanks a lot Arham, I truly appreciate it 🔥🙏
@muhammadafzal237 2 жыл бұрын
Awesome
@FlutterMapp 2 жыл бұрын
Thanks a lot Afzal! ⚡
@eddypham18 Жыл бұрын
Please someone make for me a counter like when creating a new project flutter: flutter counter app , pressing the button adds 1 time. Now I want to replace the display with an integer and display a square with a slash instead. Each time the increase button is pressed, that square will draw a brick. When I click the 5th time the square is completely drawn. Thanks
@md.ismailalamkhan 2 жыл бұрын
First video of the year 🔥🔥🔥🔥🔥, great video. But the spread operator isn't a widget so putting it here looks kinda weird you could add it as a bonus though.
@FlutterMapp 2 жыл бұрын
true 🤣 It was weird to write in the title: 34 Widgets and 1 tip 🤣🤣🤣 So I just wrote widgets 🤣
@md.ismailalamkhan 2 жыл бұрын
@@FlutterMapp lmao
@mustafaanas5991 2 жыл бұрын
this is awesome man! If you would also add timestamps with the names of each widget it would be great. for future stuff i guess. thanks
@FlutterMapp 2 жыл бұрын
Did I not add timestamps ???? I will go check right now
@FlutterMapp 2 жыл бұрын
OMG you are right looool 😂😂 I failed. The timestamps are now available ⚡️👏👏👏 Thanks Mustafa!
@mustafaanas5991 2 жыл бұрын
@@FlutterMapp thank you!
@fatihsonmez 2 жыл бұрын
awesome (:
@FlutterMapp 2 жыл бұрын
Thank you Fatih. 🙏🔥
@theanhnguyen2058 Жыл бұрын
I LOVE YOU
@NegosyoManila 2 жыл бұрын
Browsing your video is like reading a good book! I have benefited a lot! Thank you for your hard work!🥰 Your channel is great. I'll never get used to saying it is worthy of a million likes! Fully watched! 💯🥰2
@FlutterMapp 2 жыл бұрын
Damn!! Thank you very much Negosyo. I do really really appreciate your comment 👏 Have a great day. 🔥
@jalkasharminkeya8071 2 жыл бұрын
@@FlutterMapp lolol
@jalkasharminkeya8071 2 жыл бұрын
oooollooloooooollool
@FlutterMapp 2 жыл бұрын
@@jalkasharminkeya8071 🔥🔥🔥🔥🔥
@surajupadhyay144 2 жыл бұрын
For us beginners this is jewel
@FlutterMapp 2 жыл бұрын
Thank you very much Suraj 👏🔥🔥
@jawwaadsabree5573 Жыл бұрын
🔥
@chaqiqabdogsm6873 2 жыл бұрын
MERCI
@FlutterMapp 2 жыл бұрын
Plaisir 👏👏🔥🔥🔥
@Anthony-nf3rb Жыл бұрын
Organization is a key to success
@mig7287 2 жыл бұрын
👍👍 again.
@FlutterMapp 2 жыл бұрын
again and again 👏👍 Thanks for the comment 👏
@karl0961 2 жыл бұрын
Can you make a video on how to make gradient designs?
@FlutterMapp 2 жыл бұрын
hummm... This is pretty simple, I can guide you easily. You just have to create a Container widget, add the decoration argument, inside you put the BoxDecoration Widget. Inside BoxDecoration you have an argument called gradient and then you can give a LinearGradient Widget inside. The Linear Gradient take a list of Colors [Color 1, Color 2]. Thats pretty much it, this will give you a gradient designs 👏 I hope this help Karl 🔥
@gggg-no6rm Жыл бұрын
i get the url off this video i used in my test app for courses i hope to work with you soon.
@AriefSetiyoNugroho 2 жыл бұрын
How to run to multiple simulator like on adaptive part?
@FlutterMapp 2 жыл бұрын
It the magic of editing... 😂 I wanted to show both phone so I edited this part 😂
@matiascarrion4668 4 ай бұрын
Ecxelente
@mohdsajidshaikh4291 2 жыл бұрын
Hello i am from react native as you mentioned William Candillon i know yoh know react native so please make a video for ui from react native to flutter as in native we use view and style them easily but flutter is hard as for one propeety need to wrap in other widgets.
@FlutterMapp 2 жыл бұрын
William Candillon!!!! its our nemesis on the channel 😂 I have never really work with react native so I dont really know how to help here... 🤣
@oluwayomiadewusi836 Жыл бұрын
Please how can I learn flutter from beginning and become an app developer??
💀Skeleton Ninja🥷【にんげんっていいなチャンネル】
Рет қаралды 8 МЛН
QAZSPORT TV / ҚАЗСПОРТ TV
Рет қаралды 578 М.