Top 10 Widgets every Flutter Developer should know!

Рет қаралды 281,598

Күн бұрын

#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 :)

Пікірлер: 191

@maconbacon 4 жыл бұрын

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 4 жыл бұрын

humm nice to know!

@alrobenadrianegoh3469 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

@@alrobenadrianegoh3469 LOL

@cularu1 4 жыл бұрын

Op is learning... Not an expert.

@xXLanyuzAnlunXx 4 жыл бұрын

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

@RetroPortalStudio 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! ✌️😁

@8ysuzaen3 4 жыл бұрын

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

@RohanBojja 4 жыл бұрын

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

@ayoze013 4 жыл бұрын

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

@zeeshanahmedaman 3 жыл бұрын

Can you recommend other 9 videos?

@navinandy8106 3 жыл бұрын

Yea

@abraiyan7984 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!

@leonvanrijswijk8409 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

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

@jackshephard7920 4 жыл бұрын

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

@jorgewandersantanaurena422 4 жыл бұрын

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

@giyutomioka8112 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

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

@tomvanlieshout524 4 жыл бұрын

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

@oscarsans3610 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

Appreciate your support man! Thanks! ✌😁

@user-nv6zs8nt9e 4 жыл бұрын

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

@johnny.s7036 4 жыл бұрын

very useful and simple examples，thank you

@visakhraman4539 4 жыл бұрын

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

@rohanskoshti 3 жыл бұрын

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

@omkarsutar5069 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

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

@erperejildo 4 жыл бұрын

Quick and useful. Thanks dude

@f00kwhiteblackracismwarsh07 4 жыл бұрын

It’s should be a must know instead! Good job 👏🏼👏🏼👏🏼

@phamphuhungtran5271 4 жыл бұрын

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

@taverasmisael 4 жыл бұрын

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

@jeffdavies2824 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

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

@andyz5160 4 жыл бұрын

Very concise and helpful. Thanks!

@pinishlomi 4 жыл бұрын

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

@MistaWu 4 жыл бұрын

Thank you very much, this really helped...

@adrianrauchle9441 3 жыл бұрын

thanks man this was a really good tutorial!

@ravgeetdhillon2990 4 жыл бұрын

Wooahhh. Nice to know these things.

@elephant_888 4 жыл бұрын

Very helpful! Thanks!!

@code_magpie 4 жыл бұрын

Thanks buddy! It was really a useful video.

@MuteSymphony 4 жыл бұрын

Incredible. Following from Brazil

@psalmlimpin9829 2 жыл бұрын

Thanks for this man!

@pcac4798 3 жыл бұрын

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

@trungnghia2938 4 жыл бұрын

Useful video, I should get all of them Thanks

@himanshudhakecha1789 4 жыл бұрын

Its really helpful. Thanks

@soufianeallamou4451 4 жыл бұрын

Amazing video !! thanks man

@JS007 4 жыл бұрын

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

@isaacfrimpong9022 4 жыл бұрын

I completely understand what you mean. Thanks!

@mahdiaspanani8004 4 жыл бұрын

very useful and simple thank you so much.

@therock7014 2 жыл бұрын

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

@jeenyus9999 4 жыл бұрын

Great video! Keep it up,

@villadseskesen 3 жыл бұрын

Really nice and informative!

@andressasouza6186 3 жыл бұрын

Very helpful, thank you very much!

@ujjwalchetan4907 4 ай бұрын

Quite useful. Thanks 😊

@mahmudurrahmanshovon185 4 жыл бұрын

Great video. very helpful

@waiyanphyo7 4 жыл бұрын

Really Helpful video thx

@nelsonmei9527 4 жыл бұрын

Great video!

@josecoverlessons 4 жыл бұрын

good stuff bro keep it up

@This-Is-The-End 4 жыл бұрын

Very instructive video. Many thanks

@d-apps2699 4 жыл бұрын

amazing video!!

@tommus16 4 жыл бұрын

Very useful !

@patrickniyogitare6555 3 жыл бұрын

So helpful and well explained

@ny8895 4 жыл бұрын

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

@Thierry4Teen 2 жыл бұрын

Such a great information for beginners keep it up

@ramonwaia 4 жыл бұрын

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

@sourcecodedev2919 4 жыл бұрын

Great video and well explained

@davidokoroafor1576 3 жыл бұрын

Wonderful very educative. thanks!!!!

@heebelee2258 4 жыл бұрын

nice, thank you.

@wisnuyogan 3 жыл бұрын

Thanks it's very helpful

@jeromestsauver 4 жыл бұрын

Very Nice!

@000qt 4 жыл бұрын

Very nice video. Thanks 👏👏👏

@sommie4935 4 жыл бұрын

wish my Indian accent was as good as yours xD

@Neerajkumar-xl9kx 2 жыл бұрын

wow great, awesome video

@mateus.bernardo 4 жыл бұрын

Very good Man 👍👍

@lasindunuwanga5292 3 жыл бұрын

Awesome. Really awesome

@rubiteve 4 жыл бұрын

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 4 жыл бұрын

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

@jv18creator 4 жыл бұрын

Thank you.

@cta537 3 жыл бұрын

Very good Tutorial.. Thks

@PUBGGAMER-ef7nc 2 жыл бұрын

Such a very useful video

@litaoyang8801 4 жыл бұрын

very nice!

@caesardestura4681 4 жыл бұрын

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

@viral_codes 4 жыл бұрын

Thank you sir

@harshjhunjhunuwala 4 жыл бұрын

Awesome content 👌

@juanversion3922 3 жыл бұрын

Im falling inlove wd flutter

@tianyili6336 4 жыл бұрын

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

@RetroPortalStudio 4 жыл бұрын

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

@hashankannangara8723 3 жыл бұрын

Great Video

@amirulfitri3751 4 жыл бұрын

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 4 жыл бұрын

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

@amirulfitri3751 4 жыл бұрын

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

@Spoantaneus 4 жыл бұрын

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

@polapavithra8709 4 жыл бұрын

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.

@Sam-ch4jh 4 жыл бұрын

Thank you

@ahmedalial-selmy895 3 жыл бұрын

Excellent 👍

@Sandy-rv9tv 3 жыл бұрын

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

@colephelps7321 4 жыл бұрын

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

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

@martindala 3 жыл бұрын

Very good ait video

@codingright 4 жыл бұрын

great video

@yesitshassan 4 жыл бұрын

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

@programan6391 4 жыл бұрын

Thanks

@shivorngeeth 2 жыл бұрын

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

@dominikthurau9944 4 жыл бұрын

Nice Video, but the Timestamp for Flexible don't work, because there is a "space" missing.

@navinandy8106 3 жыл бұрын

👌 yea every dev should known

@HungLe-rz9uu 4 жыл бұрын

thanks

@akailok 3 жыл бұрын

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

@zakariyabilal6167 4 жыл бұрын

Thx bro

@isaacfrimpong9022 4 жыл бұрын

I like your video.

@MrBa143 4 жыл бұрын

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

@gregcounts4021 4 жыл бұрын

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 4 жыл бұрын

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 4 жыл бұрын

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 4 жыл бұрын

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