Top 10 Widgets every Flutter Developer should know!
Vložit
- čas přidán 28. 07. 2024
- #flutter #google #mobileapp
Hey Everyone! In this video we will be talking about top Flutter Widgets that every Developer should know ! We won't be discussing about more basic widgets such as Column, Row, Container etc. Here are Timeline tags for you to skip to a widget that interests you:
✔ SafeArea Widget : 00:35
✔ Wrap Widget : 02:17
✔ RichText Widget : 04:20
✔ ClipRRect Widget : 06:25
✔ MediaQuery : 07:32
✔ FutureBuilder : 10:25
✔ Flexible :12:50
✔ SizedBox : 14:36
✔ Align : 16:02
🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:
👉 Flutter Shape Maker: fluttershapemaker.com
🔥 Learn About the Most Important Widgets in Flutter 👇:
👉 Widget Essentials Series: bit.ly/3GpfiYw
👉🏻 Product Hunt: www.producthunt.com/posts/flu...
(Your UPVOTE Means a lot! 🙌)
If you find this video useful consider Supporting @RetroPortal Studio :
👉 Buy Me a Coffee: www.buymeacoffee.com/theretro...
👉 Patreon: / retroportalstudio
Social Links @RetroPortal Studio :
👉 Twitter: / theretroportal
👉 Medium: / retroportalstudio
👉 Instagram: / retroportalstudio
👉 Patreon: / retroportalstudio
👉 GitHub: github.com/retroportalstudio
If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon or Buy Me a Coffee for More Flutter Tutorial on RetroPortal Studio.
Thank you for Watching! Happy Coding :)
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
humm nice to know!
Funny how OP likes almost all of the comments except this, the highest liked comment.
@@alrobenadrianegoh3469 LOL
Op is learning... Not an expert.
@@cularu1 He should still take advice. At least he didn't remove or hide this comment from the video.
I like your videos, simple and straightforward. It's not boring.
Really helpful tutorial! I’m looking forward more. Thanks
very useful and simple examples,thank you
플러터를 시작한지 얼마 안되는데 너무 도움이 되는 영상이었어요!! 구독과 좋아요 해드렸습니다~
Future builder is insane, changed the way I write code now. Thanks!
Great video 😍, amazing job there. I like your video description 👌 using an index to check any content in a faster way. Thanks
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!
Thank you very much, this really helped...
This helped in so many ways.. Thank you. :)
Very concise and helpful. Thanks!
Very helpful and easy to understand. Thank you so much.
Very useful and helpful examples, I’m looking forward more. Thanks
It’s should be a must know instead!
Good job 👏🏼👏🏼👏🏼
Quick and useful. Thanks dude
Nice tutroal. Helpful. Although I developed 3 apps till now, there is plenty of stuff to learn every new day.
Amazing video and great examples, not the typical top X stuff. +1
Very helpful! Thanks!!
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! ✌️😁
Useful video, I should get all of them
Thanks
good share . learning a lot as a beginner. thank you
This video should be in "top 10 videos every flutter dev should watch".
Can you recommend other 9 videos?
Yea
thanks man this was a really good tutorial!
Its really helpful. Thanks
I completely understand what you mean. Thanks!
very useful and simple thank you so much.
Incredible.
Following from Brazil
Thanks buddy! It was really a useful video.
Wooahhh. Nice to know these things.
This is great! Practical and simple examples. Would be nice if you would make this a series.
Thank you! Will try putting out more videos like this! 😁✌
I've just discovered your channel and it looks very good!
Appreciate your support man! Thanks! ✌😁
Amazing video !! thanks man
Great video man, properly studied the widgets with examples, want more👍👍
Thank you for your support! Will be coming up with videos! ✌😁
WOW Nice channel with very nice and valuable tutorials. It helped alot. Thanks
Great video. very helpful
Really nice and informative!
Really Helpful video thx
Thanks for this man!
I wish I could give more than 1 thumbs up! Say hello to your newest subscriber! Great work!
Thank you so much for your support! Means a lot ✌😁
Very helpful, thank you very much!
Wonderful very educative. thanks!!!!
Quite useful. Thanks 😊
Very instructive video. Many thanks
Nice vídeo and examples. I Will watch others vídeos. Great job.
So helpful and well explained
Great video! Keep it up,
I was so impressed by the beginning only that I watched all 4 ads included. Amazing work. You made my life much easier.
Thank you so much for your support brother ✌😁👨💻
@@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)
Thanks it's very helpful
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
Very nice video.
Thanks 👏👏👏
Such a great information for beginners keep it up
These widgets are really often used at work. So every Flutter developers have to remember the way to use these widgets at least.
Very good Tutorial.. Thks
wish my Indian accent was as good as yours xD
Great video and well explained
Very useful !
nice, thank you.
Great video!
Thank you.
Such a very useful video
amazing video!!
good stuff bro keep it up
Very Nice!
Thank you sir
Thank you
wow great, awesome video
Im falling inlove wd flutter
Very good Man 👍👍
very nice!
Awesome. Really awesome
Nice video very helpful especially for newbie like me. btw, how can i change the color of the scaffold class in vscode editor?
Excellent 👍
Great Video
Awesome content 👌
Thanks
Hi this is pretty useful
Could you please do something similar with Animation widgets? That'll be awesome
Thanks
Very good ait video
great video
thanks
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
I am trying to put search bar in my ecommerce app, can you help me that how to display my products in that search bar and if we click that it should goto that particular product.
👌 yea every dev should known
Thx bro
Nice video! Can we have another episode? like Top 50 widgets
Coming soon not 50 but yes its coming 🤩 With much more detailed look
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!
Thank you for your support ✌😁 All the upcoming videos since last will be 1080 !
wait so i can use wrap like a row and column except i have more control in the direction?
what is your VS code extension to see that widget tree line ?
I like your video.
Nice Video, but the Timestamp for Flexible don't work, because there is a "space" missing.
Thk
interesting video
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?
Thank you for your support! ✌😁 Its just default Android Studio brother ! No Extensions
@@RetroPortalStudio ahhh didn't noticed that, thought you were using vs code 😅 thanks for responding 👍
Amirul Fitri you can format your code in vs to make it look like that you can search for the shortcut
Good
Good job
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!
nice
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.👍
Whats different between flexible and Expanded ? ( each one has flex ) and we can set
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
nice job R E T R O Portal