Create Responsive Flutter Apps with Minimal Effort

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • 📗 Learn from the written tutorial 👇👇
    resocoder.com/...
    📧 Get Flutter news 📰 and resources:
    👉 flutter.education
    👨‍💻 Do you write good code? Find out now!
    resocoder.com/...
    The biggest appeal of Flutter is being able to create apps that can run on multiple devices with just a single codebase. With the stable release of Flutter for the web, the apps you create become even more accessible.
    Even though the apps you create will run on all compatible devices, we are faced with the challenge of displaying the optimal UI on a huge variety of screen sizes. That is why it is more important than ever to make your apps responsive.
    In this tutorial, you will learn how to use the Responsive Framework package to easily make your app UI adjust to different screen sizes.
    Go to my website for more information, code examples, and articles:
    ● resocoder.com
    Follow me on social media:
    ● / resocoder
    ● / resocoder
    ● / resocoder

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

  • @barziyassin1
    @barziyassin1 6 месяцев назад

    quick dive 👌, coming back after two years of seeing this master piece to learn more.

  • @UsamaKarim
    @UsamaKarim 2 года назад +10

    I like the sound of keyboard. Would you like to tell which keyboard is this?

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

    Thank you for this tutorial. Your tutorial is very eloquent for a beginner-friendly to understand. I really mean it. Please keep this up!

  • @curtisburchett8006
    @curtisburchett8006 Год назад +3

    Thanks for the great video. It would be nice to see this kind of tutorial with the new 1.0 version of the framework. There are breaking changes between the .2 version (used in this video) and the 1.0 version of the framework.

    • @ian5508
      @ian5508 Год назад +2

      i'm facing the same issue, did you find another video or article that can be of help?

  • @AliYar-Khan
    @AliYar-Khan 2 года назад

    This is the best package I have ever witnessed ... Thanks 👍🏻❤️

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

    C'mon guys, this channel is awesome, lets help Reso to reach 100k.

  • @seggamulti1219
    @seggamulti1219 2 года назад +6

    This is not related, but no matter how hard I try my flutter apps hardly render under 16m/s...asper I used a ListView builder to render a list of items (clickable items and 10 showed at once on the screen)I previously used a gesture detector and container(only had a text)...it didn't render under 16m/s then I thought and thought I wondered why I didn't use a TextButton...broo!!!!the performance became worse....note all these were in profile mode...like I literally put so much effort in it and they are zero practical tutorials teaches how to make production apps under 16m/s, they always just ranting!!!Cos apparently most people do not care about performance until its visible on the app🙄for God's sake I'm a self taught programmer...show me the way...make us understand how things work underneath and like I don't even know ...just do something about it... please 🙂

    • @coppice8412
      @coppice8412 2 года назад +2

      meters per second? thats an interesting measurement for render performance :D

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

      @@coppice8412 😂😂😂

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

    Thanks for covering this, this is one of most important topics

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

    Thanks ! you made my day ,really awesome tutoriel thats save me time for doing it manually in my current project !

  • @cromuelbarut9859
    @cromuelbarut9859 Месяц назад

    I learned a lot, thanks

  • @puhgeh
    @puhgeh 2 года назад +15

    33:40 my question is, isn't there a better way available in that package that you can use to instead of wrapping each action item with ResponsiveVisibility with the same conditions, indicate a condition or wrapper in the list level of the action property?

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

      Did you figure out a better approach?

    • @hanitasali203
      @hanitasali203 2 года назад +2

      I think you can make a class that you can call which take soma needed argument (like what widget that you gonna use ) and then return it as responsivewidget

    • @visheshkaran7083
      @visheshkaran7083 Год назад

      Use sizer package

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

    Thank you very much for the detail instructions with intuitive examples to follow.

  • @md.ruhulamin7963
    @md.ruhulamin7963 2 года назад

    You are great @Ashley Novik. Thank you so much.

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

    Great package... Will definitely use it in my projects. Good job girl...

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

    Thanks for this helpful video :) You are a good incentive for me to learn the Flutter.

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

    Make video on Google Maps ❤️❤️❤️, nice information Evey time🙌🙌🙌
    Thanks in advance ❤️❤️❤️

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

    Thanks for this usuful and interested tutorial. I was finding something like this 😁😁👌

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

    You really explained very well, useful and practical. Thank you very much👍🙏

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

    When using responsive_framework, my hot reload removes the state. If I entirely remove responsive_framework builder, hot reload works as intended. Any clues why?

  • @sangaranaarayananr3134
    @sangaranaarayananr3134 Год назад

    Hey i am new to flutter. I have a doubt bro. For building responsive website i am using layout builder with future builder but my future builder is calling everytime when I resize. How should i do this and what else is the approach

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

    The element type 'Column' can't be assigned to the list type 'ResponsiveRowColumnItem'. i am having this error.

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

    we need a video for in app purchase integration with the bloc pattern please

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

    Could you please update the tutorial about TDD, Clean Arch with Flutter?

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

    Have been waiting for this.

  • @_dinesh
    @_dinesh Год назад

    Great video thank you!

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

    amazing video, i have a question, is there a way to use this package in order to work in landscape and portrait?

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

    Good video! Although it seems like working with responsive layouts in Flutter is a bit cumbersome...

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

    can u tell me from where did u get this screen resolution on emulator

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

    So, when are you going to build an app for ResoCoder courses?

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

    Hi. Thanks for the useful video. I have a Q related to Integration tests in flutter.
    Can we have project with integration tests as separate project? And if so how is better to make dependency to client code project with which our tests are interacting?
    Thanks in advice.

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

    Very Well Explained 👍

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

    What is the difference between hiddenWhen vs visibleWhen?

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

    Thank you 😊

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

    Why appbar size increases in landscape mode

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

    Thank you 🎉👾

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

    Hi Reso Coder, Why is this channel not updated? I hope you post a video soon. 🤔

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

    Your voice has gotten mysteriously higher...

  • @niyazitoros9190
    @niyazitoros9190 Год назад

    Sorry for being stupid. How to I get full source code the finished project

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

    31:30 'Amazing'

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

    where is that guy ,he used to make videos in this channel?

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

    very good thanks

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

    Can you share theme and font you use it please

  • @code_with_sanjay
    @code_with_sanjay 2 года назад +2

    👌👌👌

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

    Nice video dude

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

    Where is the boss of this channel 😢

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

    Which vs code theme is this

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

    Hi madam
    Easley understand it
    Could you please explain
    How to handle future layout widget error handle using Renderobject madam
    Please explain madam
    Thankyou madam

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

    19:00
    26:00
    35:00

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

    I need your help so how can I contact you