Top 10 Flutter Widgets (for Responsive Layouts)

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • These are the best Flutter Widgets if you want to create responsive layouts for your Flutter app.
    Most importantly these are the best Flutter tips and tricks for responsive layouts in Flutter and nesting widgets in each other.
    Click here to Subscribe to Johannes Milke: czcams.com/users/JohannesMilke...
    👉 12 Week Flutter Training | heyflutter.com
    👉 Flutter Masterclass Courses | heyflutter.com/masterclass
    Source Code | github.com/JohannesMilke/top_...
    My Courses | heyflutter.com
    Follow Newsletter | johannesmilke.com/#/newsletter
    SUBSCRIBE HERE
    bit.ly/JohannesMilke
    SUPPORT & SPONSOR ME
    github.com/sponsors/JohannesM...
    TIMELINE
    0:00 Top 10 Flutter Widgets
    0:07 Intrinsic Width and Height
    1:36 Wrap Widget
    2:25 Spacer Widget
    3:26 FittedBox Widget
    4:12 Expanded Widget
    6:40 Flexible Widget
    8:18 Media Query
    9:32 Orientation
    11:32 Layout Builder
    13:09 Nested Column & ListView
    SOCIAL MEDIA: Follow Us :-)
    Twitter | / heyflutter_
    Linkedin | / heyflutter
    #Flutter #Tutorial #JohannesMilke
    LIKE & SHARE & ACTIVATE THE BELL
    Thanks For Watching :-)
  • Věda a technologie

Komentáře • 92

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

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    ALL Source Codes: github.com/JohannesMilke/top_10_flutter
    Curious about the first one? Then watch "Nested Column and ListView": czcams.com/video/ZpHuAbYWL3w/video.html

  • @markmullenbjj
    @markmullenbjj Před 2 lety +13

    This is my favorite YT Flutter channel. Consistently great content!

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

    Yet another super helpful video with stuff I didn't even realize I was missing. Thanks again!

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

    IntrinsicWidth and IntrinsicHeight is on the last rank because it consumes more memory to your app .
    Great position by Johannes Milke 👍👍

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

    very precise and to the point. Once again you have stolen the show bro!!!

  • @user-os2cw6qf7w
    @user-os2cw6qf7w Před 2 lety

    Thanks a million. Let's continue. We wanna more!

  • @bayazidhossain2702
    @bayazidhossain2702 Před rokem +4

    I found your first video in my youtube home page suggestion. And after seeing that video I liked that and I immediately subscribed to your channel. Your content is self-explanatory and very clear. Thank you so much for your hard work. Keep this good work up.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, Thank you Bayazid Hossain! 😊💝

  • @esraayehia9273
    @esraayehia9273 Před 2 lety

    Super teacher 🔥❤️ always waiting your videos 🙏

  • @Procodeaccademy
    @Procodeaccademy Před 2 lety

    Thank you sir, you are doing great work

  • @user-kw4kp7eq9m
    @user-kw4kp7eq9m Před 2 lety

    Awesome, thanks!

  • @hawarhekmat1174
    @hawarhekmat1174 Před 2 lety

    Great work, thank you

  • @shahoodgmail
    @shahoodgmail Před rokem +2

    Really liked the way u covered this much in such a short video and that too in such an informative way. 👌🏼

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, Thank you Shahood ul Hassan! 😊

  • @mattjames4978
    @mattjames4978 Před rokem +1

    Fantastic tutorial - well done... I think I will refer back to this again and again.

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Glad you liked it, Matt James 😀

  • @pakahoevansyli5811
    @pakahoevansyli5811 Před 2 lety

    You help my life so much.

  • @qazqwe5419
    @qazqwe5419 Před 2 lety

    Best solution video for all responsiveness problems

  • @markchristianlid-awan596

    Thank you bro

  • @obadaalahdab5662
    @obadaalahdab5662 Před rokem

    The top widgets from the best flutter Developer, really it's the best from the best.

  • @warlockCommitteeMeeting

    thank you!

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

    Nice video as always!!
    One Idea - How about desktop app ( Windows/ Mac OS/ Linux ) in flutter tips?
    As from version 2.10 we can make offline first desktop app also .. Hope to see few on these soon

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

    simply you are a life saver! Your are doing much than the official flutter channel. Keep up the good work!

  • @ThePilli41
    @ThePilli41 Před rokem

    What a W video! Super happy to discover it.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, Thank you ThePilli41! 😊

  • @gauravkumar-bs3pf
    @gauravkumar-bs3pf Před rokem

    Your video helped me a lot. Many thanks to you❤

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You’re most welcome, @gauravkumar-bs3pf! 🙂

  • @vitek12321
    @vitek12321 Před rokem

    Were cool features!!! Thank you!!

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You’re most welcome, Виктор! 🙂

  • @PUBGGAMER-ef7nc
    @PUBGGAMER-ef7nc Před 2 lety

    Best video for flutter is here .
    Love explain style ..
    Please dear make a online java code compiler in flutter application

  • @MohammedAhmed-un2jd
    @MohammedAhmed-un2jd Před rokem

    you are the best of the best... thank you so much ..😊

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, You are most welcome Mohammed Ahmed! 😊

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

    You nailed it with this video

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

    funny that I always used the listed widget but I never fully understood or wrong use of the properties. this helps a lot review and implementing the right way. thank you Johannes

  • @sangameshkyatappanavar

    ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
    Great tips bro
    👍 Thanks

  • @GauravKumar-lx5vn
    @GauravKumar-lx5vn Před 2 lety +1

    Nice.... 👌🏻👌🏻👌🏻

  • @RandalLSchwartz
    @RandalLSchwartz Před 2 lety

    Consider also the Boxy package in the pub this package can analyze the children and get their Constraints to decide the final layout.

  • @ramanmhedin1137
    @ramanmhedin1137 Před rokem

    this video was more useful than most of the fkutter course for me, thank you so much.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, You are most welcome Raman mhedin! 😊

  • @marwanalmaani7178
    @marwanalmaani7178 Před 2 lety

    Thank you so much for your support, please i need to filtering listview between two date. Best regards

    • @marwanalmaani7178
      @marwanalmaani7178 Před 2 lety

      @@HeyFlutter I don't know how to thank you for your interest to help us . Iam from jordan if you need any help from jordan i will do.

  • @jamshaidmalik463
    @jamshaidmalik463 Před rokem

    Very nice brother

  • @kouassiangeyao6057
    @kouassiangeyao6057 Před rokem

    thank you bro

  • @DL-gg3sb
    @DL-gg3sb Před 2 lety

    The best trick.

  • @sanchaarnewsapp
    @sanchaarnewsapp Před 2 lety

    You are awesome and these widgets also😅

  • @phamnho3245
    @phamnho3245 Před rokem

    thanks

  • @computerprogrammer9279

    Very good no comment

  • @shakeebahmedkhan8026
    @shakeebahmedkhan8026 Před 2 lety

    could you please make a video on API? how to use to get location through APIs and send our location on Server

  • @GauravKumar-lx5vn
    @GauravKumar-lx5vn Před 2 lety

    Have you covered both front end and back end in your course?

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

    13:10 Johannes while you were editing you forgot to add the "nested column & listview". And i was really hoping to see that part :(

    • @navneetsinghprofile
      @navneetsinghprofile Před 2 lety

      Yes

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Yep you are right, aytunch! Simply watch this one - "Nested Column and ListView": czcams.com/video/ZpHuAbYWL3w/video.html

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

    Hey Johannes, this was great. Can you make a video on how to create our own rest api whcih can connect to SQL database and we can run CRUD operation in flutter app. Resposne in json format. If you can make a detail video that will be a great help Johannes. Thanks in advance

    • @rv9570
      @rv9570 Před 2 lety

      @@HeyFlutter Thanks Johannes for considering it to your future list .
      This will be a blockbuster video because in youtube or on google not a single specific video is available.
      Hope for the best as you always deliver.
      Thanks once again.

  • @PUBGGAMER-ef7nc
    @PUBGGAMER-ef7nc Před 2 lety

    Dear please make a video on online java code compiler in flutter application please ..

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

    Great one! Also it would be really nice to have chapters in your videos for better navigation.

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

      Thanks, ExConfessor! 🙂 Below the video you find a navigation for moving between all video parts:
      0:00 Top 10 Flutter Widgets
      0:07 Intrinsic Width and Height
      1:36 Wrap Widget
      2:25 Spacer Widget
      3:26 FittedBox Widget
      4:12 Expanded Widget
      6:40 Flexible Widget
      8:18 Media Query
      9:32 Orientation
      11:32 Layout Builder

  • @sivarampr
    @sivarampr Před 2 lety

    Good morning content creator... 🥰

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

    Hi. There is layout builder twice by mistake I guess:)

  • @nasserelbaba230
    @nasserelbaba230 Před 2 lety

    genuis, thank you can you make a video about JWT please i really need to know more about it and how to deal with token using facebook,and normal server i am a beginer and i already wached a lot of videos for it but still so confusing to me so please if you can help me understand it and thank you a lot

    • @nasserelbaba230
      @nasserelbaba230 Před 2 lety

      @@HeyFlutter you are awesome,and a great teacher you are helping me a lot thank you so much i hope for you a great day every day🥰

  • @kwbeats.5810
    @kwbeats.5810 Před 2 lety

    I’ve sent you an email of a problem that i face with carousel slider please answer it.

  • @okeyshourovroy2769
    @okeyshourovroy2769 Před 2 lety

    A video request on graphql with jwt refresh token implementation

  • @harshitpandey6740
    @harshitpandey6740 Před 2 lety

    Sir how can I solve this error
    * What went wrong:
    Execution failed for task ':app:compileFlutterBuildDebug'.
    > Process 'command 'C:\src\flutter\bin\flutter.bat'' finished with non-zero exit value 1

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Hello, Harshit Pandey! Follow this link: stackoverflow.com/questions/61930007/how-to-solve-execution-failed-for-task-appcompileflutterbuilddebug, I hope it will solve your problem. Thank You 🙂

  • @JeffPalmer42
    @JeffPalmer42 Před 2 lety

    What about system settings like font size?

    • @RandalLSchwartz
      @RandalLSchwartz Před 2 lety

      Please don’t change font size in reaction to screen width or some other parameter.

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You Jeff Palmer! Follow this link: stackoverflow.com/questions/57210428/flutter-how-to-create-responsive-text-widget
      I hope you will get your answer 🙂

  • @Cisco-lf7uf
    @Cisco-lf7uf Před 2 lety

    Make Another one please

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

    👍

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

    Search data from local database sqlite fetching data implement staggered gird view

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

    0:07 Intrinsic Width and Height
    1:36 Wrap Widget
    2:25 Spacer Widget
    3:26 FittedBox Widget
    4:12 Expanded Widget
    6:40 Flexible Widget
    8:18 Media Query
    9:32 Orientation
    11:32 Layout Builder

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

    Instead of nested column came layout builder again

    • @tancuregaming4149
      @tancuregaming4149 Před 2 lety

      Tq sir for replying I am a big fan of u and one thing sir can u please make Facebook authentication video

    • @ericlekwane423
      @ericlekwane423 Před 2 lety

      @@HeyFlutter hey Johannes, could u kindly make a series on velocity_x package i found that it's extremely powerful to use in flutter, thanks in advance

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thanks, Tan cure Gaming! 🙂 Simply watch this one - "Nested Column and ListView": czcams.com/video/ZpHuAbYWL3w/video.html

  • @SAMSHELDINTHOMAS
    @SAMSHELDINTHOMAS Před 2 lety

    bro

  • @DearHenryA
    @DearHenryA Před 10 měsíci

    I gave up watching after the fourth time it showed the subscribe, like, and notifications nag.

    • @HeyFlutter
      @HeyFlutter  Před 10 měsíci

      Great, Thank you @DearHenryA!