Top 10 Widgets every Flutter Developer should know!

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 191

  • @maconbacon
    @maconbacon 4 года назад +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 4 года назад

      humm nice to know!

    • @alrobenadrianegoh3469
      @alrobenadrianegoh3469 4 года назад +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.

  • @ayoze013
    @ayoze013 4 года назад +48

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

  • @ny8895
    @ny8895 4 года назад +22

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

  • @yuvrajadkar
    @yuvrajadkar 3 года назад +2

    Your name, i see as paras jain. So you most probably indian. Your content is really good. But why are you, using British accent. It suits to someone who born and grown up with that accent. I hate when someone tries to imitate It which fails badly since these changes to accent are easily noticeable. Whatever be your practice, these things can never be hidden. Stay who you are, pureness is what impact strongly and gets recognition. don't pretend like anyone. It impacts adversly.

    • @RetroPortalStudio
      @RetroPortalStudio  3 года назад

      I understand, its just out of pure habbit of explaining things in english and my history of working with foreign colleagues brother. I feel most comfortable speaking in this accent while recording, and i constantly am trying to improve it. Anyways, maybe someday i'll have content in my native tongue. Your insight is appreciated mate! Thanks

  • @therock7014
    @therock7014 2 года назад +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

  • @ujjwalchetan4907
    @ujjwalchetan4907 7 месяцев назад +1

    Quite useful. 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!

  • @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 ✌😁

  • @Thierry4Teen
    @Thierry4Teen 2 года назад +1

    Such a great information for beginners keep it up

  • @andyz5160
    @andyz5160 4 года назад +1

    Very concise and helpful. Thanks!

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

  • @sommie4935
    @sommie4935 4 года назад +4

    wish my Indian accent was as good as yours xD

  • @rubiteve
    @rubiteve 4 года назад +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  4 года назад +1

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

  • @davidokoroafor1576
    @davidokoroafor1576 3 года назад

    Wonderful very educative. thanks!!!!

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

  • @akailok
    @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.👍

  • @oscarsans3610
    @oscarsans3610 4 года назад +6

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

  • @wisnuyogan
    @wisnuyogan 3 года назад +1

    Thanks it's very helpful

  • @leonvanrijswijk8409
    @leonvanrijswijk8409 4 года назад +5

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

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад +1

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

  • @8ysuzaen3
    @8ysuzaen3 4 года назад +2

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

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

  • @PUBGGAMER-ef7nc
    @PUBGGAMER-ef7nc 3 года назад +1

    Such a very useful video

  • @johnny.s7036
    @johnny.s7036 4 года назад +7

    very useful and simple examples,thank you

  • @navinandy8106
    @navinandy8106 3 года назад +1

    👌 yea every dev should known

  • @f00kwhiteblackracismwarsh07
    @f00kwhiteblackracismwarsh07 4 года назад +2

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

  • @elephant_888
    @elephant_888 4 года назад +2

    Very helpful! Thanks!!

  • @RohanBojja
    @RohanBojja 4 года назад +2

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

  • @taverasmisael
    @taverasmisael 4 года назад +11

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

  • @jackshephard7920
    @jackshephard7920 4 года назад +1

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

  • @johndelilo6038
    @johndelilo6038 4 года назад +1

    HELO ?

  • @phamphuhungtran5271
    @phamphuhungtran5271 4 года назад +2

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

  • @jeffdavies2824
    @jeffdavies2824 4 года назад +3

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

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад +1

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

  • @juanversion3922
    @juanversion3922 3 года назад +2

    Im falling inlove wd flutter

  • @MistaWu
    @MistaWu 4 года назад +5

    Thank you very much, this really helped...

  • @AkilaAriyathilaka
    @AkilaAriyathilaka 4 года назад +1

    Nice accent btw. But you aren't a native speaker are you

  • @patrickniyogitare6555
    @patrickniyogitare6555 3 года назад +1

    So helpful and well explained

  • @Neerajkumar-xl9kx
    @Neerajkumar-xl9kx 2 года назад +1

    wow great, awesome video

  • @psalmlimpin9829
    @psalmlimpin9829 2 года назад +1

    Thanks for this man!

  • @ricardormarcos
    @ricardormarcos 3 года назад +1

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

  • @pcac4798
    @pcac4798 3 года назад +1

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

  • @soufianeallamou4451
    @soufianeallamou4451 4 года назад +2

    Amazing video !! thanks man

  • @MuteSymphony
    @MuteSymphony 4 года назад +1

    Incredible.
    Following from Brazil

  • @omkarsutar5069
    @omkarsutar5069 4 года назад +3

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

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад +1

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

  • @pepehimovic3135
    @pepehimovic3135 4 года назад +1

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

  • @rohanskoshti
    @rohanskoshti 3 года назад +1

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

  • @easazade
    @easazade 3 года назад +1

    What are you using for screen mirroring

  • @thanaphon1626
    @thanaphon1626 3 года назад +1

    Thk

  • @andressasouza6186
    @andressasouza6186 3 года назад +1

    Very helpful, thank you very much!

  • @This-Is-The-End
    @This-Is-The-End 4 года назад +1

    Very instructive video. Many thanks

  • @gregcounts4021
    @gregcounts4021 4 года назад +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  4 года назад +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 4 года назад +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 4 года назад +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

  • @hashankannangara8723
    @hashankannangara8723 4 года назад +1

    Great Video

  • @000qt
    @000qt 4 года назад +1

    Very nice video.
    Thanks 👏👏👏

  • @codersdance
    @codersdance 4 года назад +1

    Thanks buddy! It was really a useful video.

  • @notanenglishperson9865
    @notanenglishperson9865 2 года назад +1

    Like u

  • @mahdiaspanani8004
    @mahdiaspanani8004 4 года назад +1

    very useful and simple thank you so much.

  • @erperejildo
    @erperejildo 4 года назад +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  4 года назад

      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 4 года назад

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

  • @dhruvajindal4932
    @dhruvajindal4932 3 года назад +1

    How is he able to see his mobile phone screen on the pc?

    • @staplepin8099
      @staplepin8099 3 года назад

      lol its a emulator

    • @staplepin8099
      @staplepin8099 3 года назад

      the other one is using apps like vysor or other screen mirroring ones

  • @agredo
    @agredo 3 года назад +1

    nice

  • @martindala
    @martindala 4 года назад +1

    Very good ait video

  • @pinishlomi
    @pinishlomi 4 года назад +1

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

  • @villadseskesen
    @villadseskesen 3 года назад +1

    Really nice and informative!

  • @isaacfrimpong9022
    @isaacfrimpong9022 4 года назад +1

    I completely understand what you mean. Thanks!

  • @visakhraman4539
    @visakhraman4539 4 года назад +2

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

  • @MrGansoSalvaje
    @MrGansoSalvaje 4 года назад +1

    Great video but I count 9

  • @vijaykumarrameshkumar2171
    @vijaykumarrameshkumar2171 4 года назад +1

    #AskFlutter -----How to store complex JSON data into the firebase realtime database using flutter. Are there are any related articles or tutorials regarding the same with good examples?

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад +1

      Well first, you should really consider using Firestore insted of realtime database. And the reason why there aren't many videos regarding the same is that... it really depends upon your usecase. I'd be happy to help if you could send me the sample data.

  • @adrianrauchle9441
    @adrianrauchle9441 3 года назад +1

    thanks man this was a really good tutorial!

  • @giyutomioka8112
    @giyutomioka8112 4 года назад +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  4 года назад

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

    • @tomvanlieshout524
      @tomvanlieshout524 4 года назад +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)

  • @nelsonmei9527
    @nelsonmei9527 4 года назад +1

    Great video!

  • @waiyanphyo7
    @waiyanphyo7 4 года назад +1

    Really Helpful video thx

  • @flutterplus
    @flutterplus 2 года назад

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

  • @Cta537
    @Cta537 3 года назад

    Very good Tutorial.. Thks

  • @saadwithu2008
    @saadwithu2008 4 года назад +1

    Did anybody else hear "Flutter As Decay" when he said "Flutter SDK"? No? Maybe its just me....

  • @Litvin1792
    @Litvin1792 4 года назад +2

    How about 1080 px resolution for video?

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад

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

    • @Litvin1792
      @Litvin1792 4 года назад

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

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад +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!

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

  • @mateus.bernardo
    @mateus.bernardo 4 года назад +1

    Very good Man 👍👍

  • @dominikthurau9944
    @dominikthurau9944 4 года назад +1

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

  • @shivorngeeth
    @shivorngeeth 2 года назад

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

  • @dylanshine9606
    @dylanshine9606 4 года назад

    The RichText API is kind of superfluous...why not have just the children property rather than defining an initial text with optional children...

  • @amirulfitri3751
    @amirulfitri3751 4 года назад +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  4 года назад

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

    • @amirulfitri3751
      @amirulfitri3751 4 года назад

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

    • @Spoantaneus
      @Spoantaneus 4 года назад

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

  • @MrBa143
    @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

  • @heebelee2258
    @heebelee2258 4 года назад +1

    nice, thank you.

  • @trungnghia2938
    @trungnghia2938 4 года назад +1

    Useful video, I should get all of them
    Thanks

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

  • @codingright
    @codingright 4 года назад +1

    great video

  • @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...

  • @Prakhart4
    @Prakhart4 3 года назад

    Indian accent . map( American accent ) = gay accent

  • @caibrigden9438
    @caibrigden9438 4 года назад +1

    Top 9 widgets, you mean?

    • @RetroPortalStudio
      @RetroPortalStudio  4 года назад

      Lol 😅🤣 Happy Accident but well Stack was going to be the next you can check out in detail video here: ruclips.net/video/1qlgbNN0BaE/видео.html

  • @ahmedalial-selmy895
    @ahmedalial-selmy895 3 года назад +1

    Excellent 👍

  • @ramonwaia
    @ramonwaia 4 года назад

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

  • @viral_codes
    @viral_codes 4 года назад +1

    Thank you sir

  • @engineeringtechnology3113
    @engineeringtechnology3113 4 года назад

    Will Flutter Be The Master Platform? Opinions Please!

  • @panchcw
    @panchcw 4 года назад +1

    interesting video

  • @d-apps2699
    @d-apps2699 4 года назад +1

    amazing video!!

  • @barbosa7797
    @barbosa7797 4 года назад +1

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

    • @yoryerpy
      @yoryerpy 4 года назад +1

      In macOS the key combination is "Alt + Enter"

    • @barbosa7797
      @barbosa7797 4 года назад

      @@yoryerpy thanks! Thats all I needed. 👊

  • @tommus16
    @tommus16 4 года назад +1

    Very useful !

  • @Sandy-rv9tv
    @Sandy-rv9tv 3 года назад

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

  • @mahmudurrahmanshovon185
    @mahmudurrahmanshovon185 4 года назад +1

    Great video. very helpful

  • @jeromestsauver
    @jeromestsauver 4 года назад +1

    Very Nice!

  • @atilaaugusto_
    @atilaaugusto_ 4 года назад +2

    Missed Stack Widget.

    • @phanirithvij
      @phanirithvij 4 года назад

      Stack is a well-known widget.

  • @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 🙂