Top 35 Flutter Widgets

[@FlutterMapp]

COURSES 🚀 Flutter Zero to Hero: www.fluttermapp.com/course 💰 Make Money with Flutter: www.fluttermapp.com/flutter-pro 🗺 Free Flutter Checklist: www.fluttermapp.com/f-checklist ⏰ Timestamps 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

[@Flutterdev6391]

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]

Thanks 👏🔥 If you want to save some time next time you can copy paste this from the description 😂 👏

[@Flutterdev6391]

@@FlutterMapp sure 😁

[@cestlavieeee]

@@FlutterMapp LMAO

[@bhanutadepalli]

God bless you!! Was about to do this for myself but saw that you did that already

[@deepjoshi3118]

How to make it ? it's so useful !

[@naqeebmaqsood2970]

Happy to realize that all of the widgets were under my knowledge guess I'm improving my flutter skills 🥳🙌

[@FlutterMapp]

Letsgooo! 👏 Have you watched the Flutter of the day series? This were all the best ones from the series 🔥

[@naqeebmaqsood2970]

@@FlutterMapp yes i watched it all ❤️❤️

[@Bizarro69]

You are creating content that will be a library all learners come back to as they become better flutter developers. Thank you!

[@SandwichMitGurke]

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]

Yeah the .adaptive is very great! I wish it was on every widgets 😂

[@risabella18]

DUDE!! How do you even do this?!?! It´s just incredible!! Your hacks and trick ACTUALLY work!!

[@FlutterMapp]

loool 🤣 Thanks but Which hacks? you mean the flutter widgets? 🤣

[@juliajeehyunkim]

This video easily took my 30 minutes. Such a nice video

[@FlutterMapp]

Thank you very much for watching, I hope you learned some new things Julia 👏👏🔥🔥🔥

[@chilly1g]

I love this tutorial, its not just widgets named, but explained

[@FlutterMapp]

Thanks a lot Matic, more video like this will be available soon 👏

[@HermanPalmgren]

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]

Thank you very muuch Herman! I appreciate your comment 👍 Wish one will you use?

[@HermanPalmgren]

@@FlutterMapp Selectable text and pop menu button for sure!

[@dessallidev4890]

That was so helpful! I just started using soft and was so overwheld!

[@XTh3reaperX]

Nice work, straight to the point without any stalling or bs, subbed.

[@FlutterMapp]

Thanks a lot! Yeah no bs on this channel 😂👏 Welcome to Flutter Mapp 👏🔥🔥

[@sumeetsolse3749]

Wow.......Very very useful & informative video for learner. You are doing great things......Thanks a lot

[@mister.z2260]

This is super cool top tips, helps me a lot for flutter layout!!!

[@FlutterMapp]

Thanks a lot MisterZ, I appreciate it 🔥👏

[@peterbk364]

one of my best channel for flutter

[@FlutterMapp]

Thank you very much Peter 👏 I wish you a great day 🔥

[@shalomdesta30]

good to see you back

[@FlutterMapp]

Thank you very much. A much better video will be out soon (The startup video) 🙏🙏🔥

[@ДарьсүрэнЦэрэнбалтав]

Brilliant. Really unique content and easy to understand. Great for you to take tips from the community too. Keep it up

[@FlutterMapp]

Thank you so much! 👏🔥

[@moonloud9109]

Auto subscribe. Thanks for these list!!

[@FlutterMapp]

Thanks sooo much FXeve! Welcome to flutter mapp! 🔥🔥🐤

[@maikoe7198]

thank you again, I'm learning a lot as a beginner from your videos.

[@FlutterMapp]

Pleasure, thank for the comment Maikoe ⚡🙏

[@itgeniuscyber]

thanks for your teachings, kindly teach how to do background process or service in flutter

[@FlutterMapp]

I would probably check at 'Flutter App Lifecycle' to do background process 👏

[@august7791]

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]

Nice to know! Glad that you learned some cool stuff 🔥🙏 Thanks for the comment August!

[@juangwapo9483]

Great video and easy to understand for newbies. Keep it up sir

[@FlutterMapp]

Thank you very much Juan. Have a great day 🔥

[@LordlyRecords]

Great, you should do more « not for beginners » videos

[@FlutterMapp]

lol, its now "You missed these widgets" 😂

[@obadaalhalabi607]

Amazing !!! 😍😍😍😍 I will share this with my university students 🌷

[@FlutterMapp]

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

[@sergeil.2548]

Excellent list of helpful widgets Thanks a lot! 💪🏼

[@FlutterMapp]

Pleasure Sergei. Thanks for the comment. 👏

[@ASHOKKUMAR-xd1dl]

Weekly once put a video like this its easy to learn much of widgets and thanks 😍😍

[@FlutterMapp]

Thank you very much Ashok I appreciate it 👏 Weekly video will come on the channel 👏

[@stanislavtraykov1766]

well, this was extremely enjoyable to watch. Good job!

[@FlutterMapp]

I do really appreciate it Stanislav 👏

[@Aspiiire]

Wow that was not expected 30 minutes fantastic work

[@FlutterMapp]

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]

@@FlutterMapp Hahahah I'm sorry for that man hahah but maybe was a postivie thing 😂⚡⚡🔥

[@FlutterMapp]

@@Aspiiire Yes it was positive for sure 👏😂

[@binoyjyotichakma9079]

It was great to get the video after many days

[@FlutterMapp]

I do really appreciate it Binoy 👏

[@mabialaemile8541]

I didn't know 2 of these. Thanks for the video

[@FlutterMapp]

Pleasure Mabiala, which one did you learn? 👏

[@KordiakRevival]

Amazing vid!

[@FlutterMapp]

Thanks a lot 🔥

[@ndthinh91]

Awesome! Your explanations are so clear

[@BlackGuy22]

It's really useful for me, thanks for your videos😍😍😍

[@revolutionizer099]

really really awesome dude !

[@FlutterMapp]

Thank you very much 🙏🙏🙏

[@diasneto5231]

Amazing video!

[@FlutterMapp]

Thanks a lot Dias! 🔥⚡️⚡️

[@MdSiam-kw5ox]

Very helpful video. Thanks. 👍

[@FlutterMapp]

Pleasure to share, thanks for the comment Siam👏🔥

[@aiakos5033]

I just wanna learn even more now- it looks so cool o.O

[@keithbacalso9433]

absolutely awsome 😁😃🎉🎉 your the best keep it up!! 🙌

[@FlutterMapp]

Thank you very much Keith 🙏🔥

[@masumrahman635]

very impressive...❤ Thank you so much for your kindly information...😍😍

[@FlutterMapp]

pleasure Rahman 🙏🍿💪

[@SyedVkax]

Great.. very helpful 👍👍

[@FlutterMapp]

Pleasure! 🔥🙏

[@NFTChampion]

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]

Thanks a lot man! 🔥👏👏👏👏👏👏 Your first Nft video is also blowing up!!!!

[@RivaanRanawat]

Awesome, great job👏😄

[@FlutterMapp]

Thank you very much, hopefully this help people 🙏🔥

[@vaheedkk1691]

In listtilecheckedbox widjet How can i constantly checked (after refreshing the page it wont be unchecked) 🙂

[@surajupadhyay144]

For us beginners this is jewel

[@FlutterMapp]

Thank you very much Suraj 👏🔥🔥

[@idlevandal69]

Exceptional... 🏆

[@FlutterMapp]

Thank you very very much 👏🔥

[@ahsan_khan44]

great video ever thanks man

[@FlutterMapp]

Pleasure Ahsan! Thanks for watching and thanks for the comment 👏

[@NiranjanND]

Really useful video

[@FlutterMapp]

Pleasure to share 👏👏🔥

[@timse699]

Helpful thank you!!

[@FlutterMapp]

Pleasure, Thank you very much for the comment Tim, I appreciate it 🙏🙋‍♂️

[@md.ismailalamkhan]

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]

true 🤣 It was weird to write in the title: 34 Widgets and 1 tip 🤣🤣🤣 So I just wrote widgets 🤣

[@md.ismailalamkhan]

@@FlutterMapp lmao

[@binhtrinh22]

Great work 👍

[@FlutterMapp]

Thank you Binh. 👏🔥

[@abasilis]

Great!, thank you very much, we really appreciate it. Finally the option I've been waiting for, the adaptive, I've always wondered why the Flutter team did not make that automatically, depending where the App runs, because deciding with an If for the type of OS and implement the desired widget depending if it's iOS (Cupertino) and Android (material App) it makes the code larger, and difficult to read. 👏😃

[@FlutterMapp]

Yeah the adaptive is crazy !!! Its not yet on every widget tho 🤯🤯🤯🤯

[@abasilis]

@Flutter Mapp you're right, but it's a start, and a very good one 😀

[@InterestingFacts1663]

Great video, thanks!

[@mustafaanas5991]

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]

Did I not add timestamps ???? I will go check right now

[@FlutterMapp]

OMG you are right looool 😂😂 I failed. The timestamps are now available ⚡️👏👏👏 Thanks Mustafa!

[@mustafaanas5991]

@@FlutterMapp thank you!

[@sithusoe8797]

Thanks a lot !! Very useful and awesome.

[@vasanthkorada4802]

Awesome video

[@FlutterMapp]

Thanks a lot Vasanth, I appreciate it . 👏

[@mostafa3bdelkader]

Excellent video

[@FlutterMapp]

Thanks a lot Mostafa. 👏

[@yusrifathoni8168]

Wow. You make me inspired

[@FlutterMapp]

Pleasure! Thanks for the comment Yusri👏

[@hieutrung3870]

Amazing! thank you so much!

[@FlutterMapp]

It's a pleasure Trung. 👏 I really appreciate it 🔥

[@abdulmalikshomasi1913]

Very very very useful keep going

[@FlutterMapp]

Thank you very much, I appreciate a lot the support 🔥🙏

[@ogulcancakir4989]

do you have a tutorial showing how to loop drum, app guitar, etc. after let's say eight bars.

[@FlutterMapp]

Not on this channel sorry 😅

[@AriefSetiyoNugroho]

How to run to multiple simulator like on adaptive part?

[@FlutterMapp]

It the magic of editing... 😂 I wanted to show both phone so I edited this part 😂

[@ChrisHalden007]

Great video. Thanks

[@gorkxs]

Thank you for this

[@FlutterMapp]

Pleasure Gordon, Thank for the comment 👏

[@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

[@karl0961]

Can you make a video on how to make gradient designs?

[@FlutterMapp]

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 🔥

[@wasih19]

Oh Man you are firing in this video thank you so much....

[@FlutterMapp]

🔥😂

[@muhammete.b.845]

Amazing!

[@FlutterMapp]

Thanks a lot Muhammet! 👏👏

[@stefancc83]

super coooool!!! :)

[@FlutterMapp]

Thanks a lot Stefan 👏👏🔥

[@jishnuksanjeevan]

Thank you.

[@FlutterMapp]

Pleasure Jishnu 👏 Thanks for the comment ⚡️

[@ozberkahmet]

Perfect 🚀🚀

[@FlutterMapp]

Thanks Ahmet 👏

[@mohdsajidshaikh4291]

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]

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... 🤣

[@programingtales7514]

Amazing ❤

[@FlutterMapp]

Thank you very much 👏 Have a great day

[@Vahgana]

Can you do a video on how to do messaging with flutter (if it's not a problem)

[@FlutterMapp]

hmmm, you mean like messenger/whatsapp? 🙏

[@Vahgana]

@@FlutterMapp yes

[@blahbr1549]

Damn bro,How helpful video. Thank you very much.

[@tebito24]

I did know all of this widgets :)

[@FlutterMapp]

Damn! Letsgoo Johan! 🙏🙏

[@StijnDeWitt]

3:00: if (fruit.toLowerCase().contains(query.toLowerCase())) ... Isn't this the wrong way around?

[@FlutterMapp]

You can change the logic if you want. this is a very basic logic 👏

[@victorsotelo7565]

Thanks man

[@FlutterMapp]

Pleasure Victor 👏🔥

[@balajijangde8470]

great video

[@FlutterMapp]

Thanks a lot Balaji! 🔥🙏

[@dimasismu5738]

bro.... I am a beginer of flutter user, I am stuck for growth up my knowlegde about how to create easy maps point coordinat posting, can You help me with solution about that the easy way take maps point coordinate posting to db... thanks and please ^_^

[@FlutterMapp]

Hi Dimas, Maps with flutter is not easy 😂 I think you should use a package for this. I dont really use it so im not sure neither 🤔

[@spark-games-uk]

Dude, thank you!

[@NegosyoManila]

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]

Damn!! Thank you very much Negosyo. I do really really appreciate your comment 👏 Have a great day. 🔥

[@jalkasharminkeya8071]

@@FlutterMapp lolol

[@jalkasharminkeya8071]

oooollooloooooollool

[@FlutterMapp]

@@jalkasharminkeya8071 🔥🔥🔥🔥🔥

[@НикитаНикита-ж6с7т]

Очень крутое и полезное видео, спасибо!

[@FlutterMapp]

Thank you very much 👏🖐

[@Zbanowanyy]

Good job!

[@FlutterMapp]

I appreciate it 🙏 Have a great day!

[@liveanimails]

helpful and fun

[@FlutterMapp]

Thanks a lot 👏 Have a great day 🔥

[@nagendrababu6980]

good work...

[@FlutterMapp]

Thanks Nagendra 👏

[@GeekyLOAF]

Awesome 👌

[@danhabib3441]

Good job ty

[@FlutterMapp]

Thanks Dan, Bonne journée 👏

[@muhamadfadhel7925]

cool i like this🔥🔥🔥🔥

[@Henry3dev]

i love you bro thanksssss very muchhhhh

[@FlutterMapp]

Pleasure, thank you so much for the comment 👏👏👏

[@rap-com]

THANKs BRO.

[@FlutterMapp]

PLEAsURE! 😂👋

[@chitye-aung]

That's Awesome

[@FlutterMapp]

Thank you very much 🔥🙏

[@thunderinvader9031]

Very nice

[@FlutterMapp]

Thank you very much 👏

[@vukansukara8171]

Hello guys. Can someone suggest me a flutter course for which I can get a valid certificate. The price does not matter, I do not want something like udemy course, I am interested in courses that I can follow online but which are live with a lecturer with whom I can interact and communicate.

[@FlutterMapp]

As for now I don't know any course with a valid certificate 🧐 I was running a 6 weeks challenges course to learn flutter recently but no certificate at the end 🤯

[@mig7287]

👍👍 again.

[@FlutterMapp]

again and again 👏👍 Thanks for the comment 👏

[@Anthony-nf3rb]

Organization is a key to success

[@kingfatpig3512]

How do you code so quick

[@FlutterMapp]

I do ctrl+z for all of this 😂👏

[@arhamsarwar2573]

Wow, really osm

[@FlutterMapp]

Thanks a lot Arham, I truly appreciate it 🔥🙏

[@oluwayomiadewusi836]

Please how can I learn flutter from beginning and become an app developer??

[@muhammadafzal237]

Awesome

[@FlutterMapp]

Thanks a lot Afzal! ⚡

[@andregock]

Video lindo, grato

[@nevek895]

out of topic but. im just here to listen to your accent

[@FlutterMapp]

loooooooool 😂😂😂😂😂😂😂😂😂😂😂 the accent is soooo strong 😂