Top 35 Flutter Widgets

Sdílet
Vložit
  • čas přidán 27. 07. 2024

Komentáře • 258

  • @FlutterMapp
    @FlutterMapp  Před 2 lety +15

    ✅ For more Flutter Tips like this, check this playlist with more than 100 tips: czcams.com/video/5vDq5DXXxss/video.html

  • @Flutterdev6391
    @Flutterdev6391 Před 2 lety +149

    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
      @FlutterMapp  Před 2 lety +24

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

    • @Flutterdev6391
      @Flutterdev6391 Před 2 lety +1

      @@FlutterMapp sure 😁

    • @cestlavieeee
      @cestlavieeee Před 2 lety +2

      @@FlutterMapp LMAO

    • @bhanutadepalli
      @bhanutadepalli Před 2 lety +1

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

    • @deepjoshi3118
      @deepjoshi3118 Před 2 lety

      How to make it ? it's so useful !

  • @Bizarro69
    @Bizarro69 Před 2 lety +3

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

  • @naqeebmaqsood2970
    @naqeebmaqsood2970 Před 2 lety +18

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

    • @naqeebmaqsood2970
      @naqeebmaqsood2970 Před 2 lety

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

  • @SandwichMitGurke
    @SandwichMitGurke Před 2 lety +6

    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
      @FlutterMapp  Před 2 lety +1

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

  • @HermanPalmgren
    @HermanPalmgren Před 2 lety +7

    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
      @FlutterMapp  Před 2 lety

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

    • @HermanPalmgren
      @HermanPalmgren Před 2 lety

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

  • @dessallidev4890
    @dessallidev4890 Před rokem +1

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

  • @chilly1g
    @chilly1g Před 2 lety +5

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

  • @ndthinh91
    @ndthinh91 Před rokem

    Awesome! Your explanations are so clear

  • @XTh3reaperX
    @XTh3reaperX Před 2 lety +2

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

  • @august7791
    @august7791 Před 2 lety +4

    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
      @FlutterMapp  Před 2 lety +3

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

  • @sergeil.2548
    @sergeil.2548 Před 2 lety +2

    Excellent list of helpful widgets
    Thanks a lot! 💪🏼

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Pleasure Sergei. Thanks for the comment. 👏

  • @sumeetsolse3749
    @sumeetsolse3749 Před rokem +1

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

  • @user-vu3ls2nr8n
    @user-vu3ls2nr8n Před 2 lety +1

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

  • @sithusoe8797
    @sithusoe8797 Před rokem

    Thanks a lot !!
    Very useful and awesome.

  • @stanislavtraykov1766
    @stanislavtraykov1766 Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      I do really appreciate it Stanislav 👏

  • @aiakos5033
    @aiakos5033 Před rokem

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

  • @aiden1663
    @aiden1663 Před rokem

    Great video, thanks!

  • @maikoe7198
    @maikoe7198 Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Pleasure, thank for the comment Maikoe ⚡🙏

  • @ChrisHalden007
    @ChrisHalden007 Před 2 lety

    Great video. Thanks

  • @mister.z2260
    @mister.z2260 Před 2 lety +2

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Thanks a lot MisterZ, I appreciate it 🔥👏

  • @ASHOKKUMAR-xd1dl
    @ASHOKKUMAR-xd1dl Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @mabialaemile8541
    @mabialaemile8541 Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      Pleasure Mabiala, which one did you learn? 👏

  • @juangwapo9483
    @juangwapo9483 Před 2 lety +3

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Thank you very much Juan. Have a great day 🔥

  • @nlcuong2228
    @nlcuong2228 Před rokem

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

  • @moonloud9109
    @moonloud9109 Před 2 lety +2

    Auto subscribe.
    Thanks for these list!!

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @timse699
    @timse699 Před 2 lety +2

    Helpful thank you!!

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

  • @muammar88
    @muammar88 Před 6 měsíci

    Dude, thank you!

  • @hieutrung3870
    @hieutrung3870 Před 2 lety +1

    Amazing! thank you so much!

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

  • @juliakim8586
    @juliakim8586 Před 2 lety +3

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @risabella18
    @risabella18 Před 2 lety +3

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @keithbacalso9433
    @keithbacalso9433 Před 2 lety +1

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

  • @RivaanRanawat
    @RivaanRanawat Před 2 lety +1

    Awesome, great job👏😄

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      Thank you very much, hopefully this help people 🙏🔥

  • @LordlyRecords
    @LordlyRecords Před 2 lety +10

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      lol, its now "You missed these widgets" 😂

  • @shalomdesta30
    @shalomdesta30 Před 2 lety +1

    good to see you back

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

  • @ahsan_khan44
    @ahsan_khan44 Před 2 lety +1

    great video ever thanks man

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

  • @MdSiam-kw5ox
    @MdSiam-kw5ox Před 2 lety +1

    Very helpful video. Thanks. 👍

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Pleasure to share, thanks for the comment Siam👏🔥

  • @obadaalhalabi607
    @obadaalhalabi607 Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      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

  • @user-ly7jn7bq8g
    @user-ly7jn7bq8g Před 2 lety +1

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

  • @revolutionizer099
    @revolutionizer099 Před 2 lety +1

    really really awesome dude !

  • @SyedVkax
    @SyedVkax Před 2 lety +2

    Great.. very helpful 👍👍

  • @masumrahman635
    @masumrahman635 Před 2 lety +1

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

  • @KordiakRevival
    @KordiakRevival Před 2 lety +1

    Amazing vid!

  • @Aspiiire
    @Aspiiire Před 2 lety +1

    Wow that was not expected 30 minutes fantastic work

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      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
      @Aspiiire Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      @@Aspiiire Yes it was positive for sure 👏😂

  • @GeekyLOAF
    @GeekyLOAF Před rokem

    Awesome 👌

  • @binhtrinh22
    @binhtrinh22 Před 2 lety +1

    Great work 👍

  • @binoyjyotichakma9079
    @binoyjyotichakma9079 Před 2 lety +1

    It was great to get the video after many days

  • @gorkxs
    @gorkxs Před 2 lety +1

    Thank you for this

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Pleasure Gordon, Thank for the comment 👏

  • @yusrifathoni8168
    @yusrifathoni8168 Před 2 lety +1

    Wow. You make me inspired

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Pleasure! Thanks for the comment Yusri👏

  • @peterbk364
    @peterbk364 Před 2 lety +1

    one of my best channel for flutter

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @diasneto5231
    @diasneto5231 Před 2 lety +1

    Amazing video!

  • @HalfTime-gx1ui
    @HalfTime-gx1ui Před 3 měsíci

    Awesome ❤

  • @arinsowers5832
    @arinsowers5832 Před rokem

    Very nice

  • @itgeniuscyber
    @itgeniuscyber Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @muhammete.b.845
    @muhammete.b.845 Před 2 lety +1

    Amazing!

  • @NiranjanND
    @NiranjanND Před 2 lety +2

    Really useful video

  • @NFTChampion
    @NFTChampion Před 2 lety +1

    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
      @FlutterMapp  Před 2 lety

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

  • @abdulmalikshomasi1913
    @abdulmalikshomasi1913 Před 2 lety +1

    Very very very useful
    keep going

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @mostafa3bdelkader
    @mostafa3bdelkader Před 2 lety +1

    Excellent video

  • @Zbanowanyy
    @Zbanowanyy Před 2 lety +1

    Good job!

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      I appreciate it 🙏 Have a great day!

  • @victorsotelo7565
    @victorsotelo7565 Před 2 lety +1

    Thanks man

  • @vasanthkorada4802
    @vasanthkorada4802 Před 2 lety +2

    Awesome video

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      Thanks a lot Vasanth, I appreciate it . 👏

  • @programingtales7514
    @programingtales7514 Před 2 lety +1

    Amazing ❤

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Thank you very much 👏 Have a great day

  • @andregock
    @andregock Před rokem

    Video lindo, grato

  • @idlevandal69
    @idlevandal69 Před 2 lety +1

    Exceptional... 🏆

  • @jishnuksanjeevan6101
    @jishnuksanjeevan6101 Před 2 lety +1

    Thank you.

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      Pleasure Jishnu 👏 Thanks for the comment ⚡️

  • @balajijangde8470
    @balajijangde8470 Před 2 lety +1

    great video

  • @MohamedAhmed-ys2np
    @MohamedAhmed-ys2np Před 2 lety +1

    Awesome ❤️

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

      Thanks a lot Mohamed 👏 Glad you like the concept of the video 🔥

  • @Henry3dev
    @Henry3dev Před 2 lety +1

    i love you bro thanksssss very muchhhhh

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @wasih19
    @wasih19 Před 2 lety

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

  • @nagendrababu6980
    @nagendrababu6980 Před 2 lety +1

    good work...

  • @danhabib3441
    @danhabib3441 Před 2 lety +1

    Good job ty

  • @rap-com
    @rap-com Před 2 lety +1

    THANKs BRO.

  • @mustafaanas5991
    @mustafaanas5991 Před 2 lety +1

    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
      @FlutterMapp  Před 2 lety

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +1

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

    • @mustafaanas5991
      @mustafaanas5991 Před 2 lety

      @@FlutterMapp thank you!

  • @liveanimails
    @liveanimails Před 2 lety +1

    helpful and fun

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Thanks a lot 👏 Have a great day 🔥

  • @johanordenes1557
    @johanordenes1557 Před 2 lety +1

    I did know all of this widgets :)

  • @ozberkahmet
    @ozberkahmet Před 2 lety +1

    Perfect 🚀🚀

  • @muhamadfadhel7925
    @muhamadfadhel7925 Před 9 měsíci

    cool i like this🔥🔥🔥🔥

  • @stefanciobotaru9678
    @stefanciobotaru9678 Před 2 lety +1

    super coooool!!! :)

  • @EditorialGuiasdelSur
    @EditorialGuiasdelSur Před rokem

    thx

  • @chitye-aung
    @chitye-aung Před 2 lety +1

    That's Awesome

  • @md.ismailalamkhan
    @md.ismailalamkhan Před 2 lety +1

    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
      @FlutterMapp  Před 2 lety

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

    • @md.ismailalamkhan
      @md.ismailalamkhan Před 2 lety

      @@FlutterMapp lmao

  • @arhamsarwar2573
    @arhamsarwar2573 Před 2 lety +1

    Wow, really osm

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Thanks a lot Arham, I truly appreciate it 🔥🙏

  • @eddypham18
    @eddypham18 Před 11 měsíci

    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

  • @muhammadafzal237
    @muhammadafzal237 Před 2 lety +1

    Awesome

  • @thedev2183
    @thedev2183 Před rokem

    Congrats. 120K Subscrbers :) How is going 1M USD revenue this year challenge :)

  • @karl0961
    @karl0961 Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety +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 🔥

  • @surajupadhyay144
    @surajupadhyay144 Před 2 lety +1

    For us beginners this is jewel

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      Thank you very much Suraj 👏🔥🔥

  • @chaqiqabdogsm6873
    @chaqiqabdogsm6873 Před 2 lety +1

    MERCI

  • @AriefSetiyoNugroho
    @AriefSetiyoNugroho Před 2 lety +1

    How to run to multiple simulator like on adaptive part?

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

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

  • @fatihsonmez
    @fatihsonmez Před 2 lety +1

    awesome (:

  • @mohdsajidshaikh4291
    @mohdsajidshaikh4291 Před 2 lety +1

    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
      @FlutterMapp  Před 2 lety +1

      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
    @oluwayomiadewusi836 Před rokem

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

  • @ogulcancakir4989
    @ogulcancakir4989 Před rokem +1

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

  • @NegosyoManila
    @NegosyoManila Před 2 lety +1

    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

  • @theanhnguyen2058
    @theanhnguyen2058 Před rokem

    I LOVE YOU

  • @ooings
    @ooings Před 2 lety +1

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

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      hmmm, you mean like messenger/whatsapp? 🙏

    • @ooings
      @ooings Před 2 lety

      @@FlutterMapp yes

  • @mig7287
    @mig7287 Před 2 lety +1

    👍👍 again.

    • @FlutterMapp
      @FlutterMapp  Před 2 lety

      again and again 👏👍 Thanks for the comment 👏

  • @abasilis
    @abasilis Před 2 lety +1

    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
      @FlutterMapp  Před 2 lety

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

    • @abasilis
      @abasilis Před 2 lety +1

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

  • @jawwaadsabree5573
    @jawwaadsabree5573 Před rokem

    🔥