Top 10 Widgets every Flutter Developer should know!

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025

ความคิดเห็น • 191

  • @maconbacon
    @maconbacon 5 ปีที่แล้ว +181

    About the ClipRRect, use it only as a last resort, it is performance heavy on the hardware
    For instance, you can add rounded corners to a Container using the built in decoration

    • @aislanarislou
      @aislanarislou 5 ปีที่แล้ว

      humm nice to know!

    • @alrobenadrianegoh3469
      @alrobenadrianegoh3469 5 ปีที่แล้ว +19

      Funny how OP likes almost all of the comments except this, the highest liked comment.

    • @RetroPortalStudio
      @RetroPortalStudio  4 ปีที่แล้ว +10

      @@alrobenadrianegoh3469 LOL

    • @cularu1
      @cularu1 4 ปีที่แล้ว +3

      Op is learning... Not an expert.

    • @xXLanyuzAnlunXx
      @xXLanyuzAnlunXx 4 ปีที่แล้ว +6

      @@cularu1 He should still take advice. At least he didn't remove or hide this comment from the video.

  • @8ysuzaen3
    @8ysuzaen3 4 ปีที่แล้ว +2

    I like your videos, simple and straightforward. It's not boring.

  • @ayoze013
    @ayoze013 5 ปีที่แล้ว +47

    This video should be in "top 10 videos every flutter dev should watch".

  • @giyutomioka8112
    @giyutomioka8112 5 ปีที่แล้ว +2

    I was so impressed by the beginning only that I watched all 4 ads included. Amazing work. You made my life much easier.

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว

      Thank you so much for your support brother ✌😁👨‍💻

    • @tomvanlieshout524
      @tomvanlieshout524 5 ปีที่แล้ว +1

      @@RetroPortalStudio Your videos are great. I'd just like to give a tiny bit of feedback: the audio is clipping sometimes. Maybe look into a good (dynamic) microphone :-) (it would also eliminate most of the background noise)

  • @RohanBojja
    @RohanBojja 4 ปีที่แล้ว +2

    Future builder is insane, changed the way I write code now. Thanks!

  • @leonvanrijswijk8409
    @leonvanrijswijk8409 5 ปีที่แล้ว +5

    This is great! Practical and simple examples. Would be nice if you would make this a series.

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +1

      Thank you! Will try putting out more videos like this! 😁✌

  • @RetroPortalStudio
    @RetroPortalStudio  4 ปีที่แล้ว +4

    If you find this video useful, consider Following me on:
    Twitter: twitter.com/theretroportal
    Instagram: instagram.com/retroportalstudio
    LinkedIn: www.linkedin.com/in/parasjainrps
    Happy Coding! ✌️😁

  • @oscarsans3610
    @oscarsans3610 5 ปีที่แล้ว +6

    I've just discovered your channel and it looks very good!

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +1

      Appreciate your support man! Thanks! ✌😁

  • @abraiyan7984
    @abraiyan7984 4 ปีที่แล้ว +4

    Hey, make a video about your journey of laerning flutter, how and what you did to accomplish this. You almost know everything about every widget man! Awesome!

  • @jeffdavies2824
    @jeffdavies2824 5 ปีที่แล้ว +3

    I wish I could give more than 1 thumbs up! Say hello to your newest subscriber! Great work!

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +1

      Thank you so much for your support! Means a lot ✌😁

  • @rohanskoshti
    @rohanskoshti 4 ปีที่แล้ว +1

    Nice tutroal. Helpful. Although I developed 3 apps till now, there is plenty of stuff to learn every new day.

  • @therock7014
    @therock7014 3 ปีที่แล้ว +1

    Thank you for this video 😉 i now understand how to code. Not that much but atleast i gain knowldege from this tutorial 😉.
    Thank you godbless

  • @omkarsutar5069
    @omkarsutar5069 5 ปีที่แล้ว +3

    Great video man, properly studied the widgets with examples, want more👍👍

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +1

      Thank you for your support! Will be coming up with videos! ✌😁

  • @phamphuhungtran5271
    @phamphuhungtran5271 4 ปีที่แล้ว +2

    Very helpful and easy to understand. Thank you so much.

  • @pcac4798
    @pcac4798 4 ปีที่แล้ว +1

    WOW Nice channel with very nice and valuable tutorials. It helped alot. Thanks

  • @andyz5160
    @andyz5160 5 ปีที่แล้ว +1

    Very concise and helpful. Thanks!

  • @andressasouza6186
    @andressasouza6186 3 ปีที่แล้ว +1

    Very helpful, thank you very much!

  • @ujjwalchetan4907
    @ujjwalchetan4907 11 หลายเดือนก่อน +1

    Quite useful. Thanks 😊

  • @psalmlimpin9829
    @psalmlimpin9829 2 ปีที่แล้ว +1

    Thanks for this man!

  • @Thierry-m1d4y
    @Thierry-m1d4y 3 ปีที่แล้ว +1

    Such a great information for beginners keep it up

  • @jorgewandersantanaurena422
    @jorgewandersantanaurena422 4 ปีที่แล้ว +2

    Great video 😍, amazing job there. I like your video description 👌 using an index to check any content in a faster way. Thanks

  • @ny8895
    @ny8895 5 ปีที่แล้ว +22

    These widgets are really often used at work. So every Flutter developers have to remember the way to use these widgets at least.

  • @This-Is-The-End
    @This-Is-The-End 4 ปีที่แล้ว +1

    Very instructive video. Many thanks

  • @elephant_888
    @elephant_888 4 ปีที่แล้ว +2

    Very helpful! Thanks!!

  • @davidokoroafor1576
    @davidokoroafor1576 3 ปีที่แล้ว

    Wonderful very educative. thanks!!!!

  • @visakhraman4539
    @visakhraman4539 4 ปีที่แล้ว +2

    This helped in so many ways.. Thank you. :)

  • @villadseskesen
    @villadseskesen 4 ปีที่แล้ว +1

    Really nice and informative!

  • @johnny.s7036
    @johnny.s7036 4 ปีที่แล้ว +7

    very useful and simple examples,thank you

  • @patrickniyogitare
    @patrickniyogitare 3 ปีที่แล้ว +1

    So helpful and well explained

  • @rubiteve
    @rubiteve 5 ปีที่แล้ว +3

    Hey brother, love the video. Please make sure to make it at least 1080p. It's difficult to see. Other than that, it's great!

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +1

      Thank you for your support ✌😁 All the upcoming videos since last will be 1080 !

  • @wisnuyogan
    @wisnuyogan 3 ปีที่แล้ว +1

    Thanks it's very helpful

  • @이블리-q6h
    @이블리-q6h 5 ปีที่แล้ว

    플러터를 시작한지 얼마 안되는데 너무 도움이 되는 영상이었어요!! 구독과 좋아요 해드렸습니다~

  • @pinishlomi
    @pinishlomi 4 ปีที่แล้ว +1

    Very useful and helpful examples, I’m looking forward more. Thanks

  • @soufianeallamou4451
    @soufianeallamou4451 5 ปีที่แล้ว +2

    Amazing video !! thanks man

  • @taverasmisael
    @taverasmisael 5 ปีที่แล้ว +11

    Amazing video and great examples, not the typical top X stuff. +1

  • @adrianrauchle9441
    @adrianrauchle9441 4 ปีที่แล้ว +1

    thanks man this was a really good tutorial!

  • @colephelps7321
    @colephelps7321 4 ปีที่แล้ว +11

    You could hide the project explorer, keep the ide ⅔ of the screen and show the app ui on screen all the time so that it's easier to understand what changed when you save the code

  • @PUBGGAMER-ef7nc
    @PUBGGAMER-ef7nc 3 ปีที่แล้ว +1

    Such a very useful video

  • @erperejildo
    @erperejildo 5 ปีที่แล้ว +1

    Quick and useful. Thanks dude

  • @mahdiaspanani8004
    @mahdiaspanani8004 4 ปีที่แล้ว +1

    very useful and simple thank you so much.

  • @MuteSymphony
    @MuteSymphony 4 ปีที่แล้ว +1

    Incredible.
    Following from Brazil

  • @codersdance
    @codersdance 4 ปีที่แล้ว +1

    Thanks buddy! It was really a useful video.

  • @jackshephard7920
    @jackshephard7920 5 ปีที่แล้ว +1

    Really helpful tutorial! I’m looking forward more. Thanks

  • @Neerajkumar-xl9kx
    @Neerajkumar-xl9kx 3 ปีที่แล้ว +1

    wow great, awesome video

  • @juanversion3922
    @juanversion3922 4 ปีที่แล้ว +2

    Im falling inlove wd flutter

  • @Cta537
    @Cta537 3 ปีที่แล้ว

    Very good Tutorial.. Thks

  • @sommie4935
    @sommie4935 4 ปีที่แล้ว +4

    wish my Indian accent was as good as yours xD

  • @ahmedalial-selmy895
    @ahmedalial-selmy895 3 ปีที่แล้ว +1

    Excellent 👍

  • @waiyanphyo7
    @waiyanphyo7 5 ปีที่แล้ว +1

    Really Helpful video thx

  • @akailok
    @akailok 4 ปีที่แล้ว

    Hey bro you explanation is best but can you develop small project in MVC you follow
    1.MVC
    2.Clean code
    3.Test cases
    4.multiple screen transition
    5.app deployment.
    Please can cover this topics ,so that we can build app.👍

  • @hashankannangara8723
    @hashankannangara8723 4 ปีที่แล้ว +1

    Great Video

  • @tianyili6336
    @tianyili6336 4 ปีที่แล้ว +1

    Nice video! Can we have another episode? like Top 50 widgets

    • @RetroPortalStudio
      @RetroPortalStudio  4 ปีที่แล้ว +2

      Coming soon not 50 but yes its coming 🤩 With much more detailed look

  • @ramonwaia
    @ramonwaia 5 ปีที่แล้ว

    Nice vídeo and examples. I Will watch others vídeos. Great job.

  • @navinandy8106
    @navinandy8106 3 ปีที่แล้ว +1

    👌 yea every dev should known

  • @bennguyen1313
    @bennguyen1313 4 ปีที่แล้ว

    So is the widget built every time you change orientation.. that's why checking the orientation (MediaQuery) works?
    Regarding the FutureBuilder, instead of a Future/async function that returns data, is it possible to still display the CircularProgressIndicatorwhat but using a Stream/async*/yield function and async/listen in the widget's build?
    Love the idea of wrapping a button with SizedBox, that will come in handy!

  • @sourcecodedev2919
    @sourcecodedev2919 5 ปีที่แล้ว

    Great video and well explained

  • @easazade
    @easazade 4 ปีที่แล้ว +1

    What are you using for screen mirroring

  • @nelsonmei9527
    @nelsonmei9527 4 ปีที่แล้ว +1

    Great video!

  • @tommus16
    @tommus16 5 ปีที่แล้ว +1

    Very useful !

  • @shivorngeeth
    @shivorngeeth 3 ปีที่แล้ว

    what is your VS code extension to see that widget tree line ?

  • @MistaWu
    @MistaWu 5 ปีที่แล้ว +5

    Thank you very much, this really helped...

  • @flutterplus
    @flutterplus 3 ปีที่แล้ว

    Whats different between flexible and Expanded ? ( each one has flex ) and we can set

  • @harshjhunjhunuwala
    @harshjhunjhunuwala 4 ปีที่แล้ว

    Awesome content 👌

  • @lasindunuwanga5292
    @lasindunuwanga5292 4 ปีที่แล้ว

    Awesome. Really awesome

  • @isaacfrimpong9022
    @isaacfrimpong9022 4 ปีที่แล้ว +1

    I completely understand what you mean. Thanks!

  • @mateus.bernardo
    @mateus.bernardo 5 ปีที่แล้ว +1

    Very good Man 👍👍

  • @martindala
    @martindala 4 ปีที่แล้ว +1

    Very good ait video

  • @trungnghia2938
    @trungnghia2938 4 ปีที่แล้ว +1

    Useful video, I should get all of them
    Thanks

  • @gregcounts4021
    @gregcounts4021 5 ปีที่แล้ว +2

    I'm just getting started with Flutter dev. I noticed you're running Android Studio. Would you recommend that over VS Code or does it make a difference?

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +2

      Android Studio does provide much bettet flexibility in Writing Native code and Emulator Support! plus its got some really handy code formatting. Other than this you wont feel much difference! Go with whichever your machine runs smoothly! ✌😁

    • @phanirithvij
      @phanirithvij 5 ปีที่แล้ว +2

      I use vscode if I'm sure I'm not going to touch the android code for the app. But if I want to integrate flutter with some platform channels or android activities I'd use Android Studio.

    • @its_maalik
      @its_maalik 5 ปีที่แล้ว +1

      Better native code but beyond that most features that android studio provides (for flutter) are mostly gimmecy and come in the way of performance and ux

  • @gokulmanohar5677
    @gokulmanohar5677 4 ปีที่แล้ว +1

    How did you wrap using the keyboard shortcut in ANDROID STUDIO?

    • @gokulmanohar5677
      @gokulmanohar5677 4 ปีที่แล้ว

      I meant converting into a child class

    • @RetroPortalStudio
      @RetroPortalStudio  4 ปีที่แล้ว

      click on the widget that you want to wrap . Alt + Enter will show you the dialog on windows and then you can wrap it accordingly ✌😁

  • @himanshudhakecha1789
    @himanshudhakecha1789 5 ปีที่แล้ว +1

    Its really helpful. Thanks

  • @mahmudurrahmanshovon185
    @mahmudurrahmanshovon185 5 ปีที่แล้ว +1

    Great video. very helpful

  • @jeromestsauver
    @jeromestsauver 5 ปีที่แล้ว +1

    Very Nice!

  • @JS007
    @JS007 4 ปีที่แล้ว +1

    good share . learning a lot as a beginner. thank you

  • @heebelee2258
    @heebelee2258 4 ปีที่แล้ว +1

    nice, thank you.

  • @ravgeetdhillon2990
    @ravgeetdhillon2990 4 ปีที่แล้ว +1

    Wooahhh. Nice to know these things.

  • @ricardormarcos
    @ricardormarcos 4 ปีที่แล้ว +1

    What is the name of this app to mirror cellphone screen are you using ?

  • @d-apps2699
    @d-apps2699 5 ปีที่แล้ว +1

    amazing video!!

  • @Aniket596
    @Aniket596 5 ปีที่แล้ว +1

    which screen mirroring software do you use?

  • @josecoverlessons
    @josecoverlessons 5 ปีที่แล้ว +1

    good stuff bro keep it up

  • @amirulfitri3751
    @amirulfitri3751 5 ปีที่แล้ว +2

    Great tuts! Btw, may I know how did you have that tree-like indent in your code? Is it from some kind of extension or vs code setting?

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว

      Thank you for your support! ✌😁 Its just default Android Studio brother ! No Extensions

    • @amirulfitri3751
      @amirulfitri3751 5 ปีที่แล้ว

      @@RetroPortalStudio ahhh didn't noticed that, thought you were using vs code 😅 thanks for responding 👍

    • @Spoantaneus
      @Spoantaneus 5 ปีที่แล้ว

      Amirul Fitri you can format your code in vs to make it look like that you can search for the shortcut

  • @jeenyus9999
    @jeenyus9999 5 ปีที่แล้ว +1

    Great video! Keep it up,

  • @barbosa7797
    @barbosa7797 5 ปีที่แล้ว +1

    Which key combo you pressed at 1:30 to open that menu to "wrap" things?

    • @yoryerpy
      @yoryerpy 5 ปีที่แล้ว +1

      In macOS the key combination is "Alt + Enter"

    • @barbosa7797
      @barbosa7797 5 ปีที่แล้ว

      @@yoryerpy thanks! Thats all I needed. 👊

  • @viral_codes
    @viral_codes 4 ปีที่แล้ว +1

    Thank you sir

  • @pepehimovic3135
    @pepehimovic3135 5 ปีที่แล้ว +1

    From 4:42 can you use a Row() widget with two Text() widgets as children?

  • @codingright
    @codingright 4 ปีที่แล้ว +1

    great video

  • @erperejildo
    @erperejildo 5 ปีที่แล้ว +2

    How do you see the market with Flutter? I've been using it for a couple of month and I released my first app but I don't see many offers yet (even less remotely)

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว

      Well, it helps a lot of you are a freelancer... Industry is catching up the trend much slowly as its quite tricky to work on a production level app with flutter. You need to have a bit of experience in Development field for that.... For Freelance Projects its awesome.

    • @erperejildo
      @erperejildo 5 ปีที่แล้ว

      @@RetroPortalStudio yeah that's what I thought. After 9 years of working with JS I feel more confortable with Flutter in 2 months. I'd like to keep working with this if it's possible. Thanks

  • @yesitshassan
    @yesitshassan 4 ปีที่แล้ว

    wait so i can use wrap like a row and column except i have more control in the direction?

  • @litaoyang8801
    @litaoyang8801 5 ปีที่แล้ว +1

    very nice!

  • @MrBa143
    @MrBa143 5 ปีที่แล้ว

    For loading in data from async functions, i simply checked
    _data != null ? return ListView... : return LoadingAnimation
    and in the async function, i just use "setState" on the _data variable, which will cause it to rebuild when the data has been fetched.
    You didn't show how FutureBuilder works, so i assume it somehow gets told automatically by the framework, when the data has arrived? and then it rebuilds the UI? because i couldn't really see the need to use it, from what you showed :-D

  • @goodsamaritan208
    @goodsamaritan208 4 ปีที่แล้ว

    13:30 What is the advantage of using a Flexible widget instead of using an Expanded? They use the same flex property and they seem to do the same task in this scenario.

    • @lemur8217
      @lemur8217 4 ปีที่แล้ว

      More responsive... makes The app look better in different screenratios 🙂

  • @isaacfrimpong9022
    @isaacfrimpong9022 4 ปีที่แล้ว

    I like your video.

  • @caesardestura4681
    @caesardestura4681 5 ปีที่แล้ว

    Nice video very helpful especially for newbie like me. btw, how can i change the color of the scaffold class in vscode editor?

  • @Litvin1792
    @Litvin1792 5 ปีที่แล้ว +2

    How about 1080 px resolution for video?

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว

      Currently don't have a 1080p monitor! Will have it soon ✌😁

    • @Litvin1792
      @Litvin1792 5 ปีที่แล้ว

      @@RetroPortalStudio in 2019? OMG! You need good video card for this resolution:)

    • @RetroPortalStudio
      @RetroPortalStudio  5 ปีที่แล้ว +1

      @@Litvin1792 haha well! I have 1050Ti. i just need to upgrade my monitor. Was'nt able to afford it last time! That was the issue. Anyways thanks for your support 😁✌ Will try upgrading soon!

  • @Sandy-rv9tv
    @Sandy-rv9tv 4 ปีที่แล้ว

    Hi this is pretty useful
    Could you please do something similar with Animation widgets? That'll be awesome
    Thanks

  • @programan6391
    @programan6391 5 ปีที่แล้ว +1

    Thanks

  • @Sam-ch4jh
    @Sam-ch4jh 5 ปีที่แล้ว +1

    Thank you

  • @thanaphon1626
    @thanaphon1626 3 ปีที่แล้ว +1

    Thk

  • @agredo
    @agredo 4 ปีที่แล้ว +1

    nice

  • @renypacheco4812
    @renypacheco4812 4 ปีที่แล้ว +1

    Can you make dart tutorials for flutter app development. Thanks

    • @RetroPortalStudio
      @RetroPortalStudio  4 ปีที่แล้ว

      I have a plan to make dart fundamentals video soon ✌😁

    • @renypacheco4812
      @renypacheco4812 4 ปีที่แล้ว

      Thanks, waiting for that...😍
      I want to learn dart for fluttter app...