Flutter Responsive UI

Поділитися
Вставка
  • Опубліковано 5 лют 2025
  • Flutter supports Mobile, Web, and Desktop platforms. When developing a Flutter app for Web or Desktop, it's important to have a responsive UI because users can change the size of their screen. In this tutorial, I created a responsive.dart file, which includes a Responsive widget with three breakpoints for Mobile, Tablet, and Desktop. In the video tutorial, I will show you how to use this widget to make your Flutter app designs responsive.
    🔗 Source code Flutter Dashboard: www.flutterlib...
    ►Support Us: / theflutterway
    ►Flutter Templates & Components: www.flutterlib...
    ► Social Media
    GitHub: github.com/abu...
    Twitter: / theflutterway
    Twitter: / abuanwar072 (my personal profile)
    Facebook: / theflutterway
    ► Timestamps
    0:00 Intro
    Thanks for watching!
    Make sure to like + Subscribe For More!

КОМЕНТАРІ • 21

  • @theumair7614
    @theumair7614 29 днів тому

    Mate really loved your live session of responsive dashboard and came here to motivate you & crash the subscribe button and let you know that you are super impressive ..looking forward for your super informative ideas of learning flutter ❤❤❤❤❤

  • @hoangongpham7752
    @hoangongpham7752 4 місяці тому +1

    Flutter web so good

  • @azeemrafique668
    @azeemrafique668 8 днів тому

    brother how much font size of text should be in the app means like foodpanda, easypaisa and jazzcash app looks fine on every device size wise.

  • @olamilekanadefila7445
    @olamilekanadefila7445 4 місяці тому +1

    Nice tutorial!
    Really helpful,
    Btw
    What do you use for code auto complete in your Vscode ?

  • @mdmosharofkhan3748
    @mdmosharofkhan3748 4 дні тому

    Nice logic

  • @HoussamElatmani
    @HoussamElatmani Місяць тому

    Tnxx

  • @Quantum_Nebula
    @Quantum_Nebula 4 місяці тому +3

    But isnt the metrics for flutter extremely slow for website analytics?

    • @TheFlutterWay
      @TheFlutterWay  4 місяці тому +5

      Flutter web is good for admin and other stuff and it's getting better with time.

  • @skygaming9990
    @skygaming9990 4 місяці тому +1

    i am a beginner in flutter and currently working on a project. i am using ScreenUtil package for responsiveness, should i use that or your method would more efficient i am confuse??

    • @TheFlutterWay
      @TheFlutterWay  4 місяці тому

      Both are great, now it depends on your Which one you feel more comfortable and suit perfectly with your project.

  • @Ft.nerddd
    @Ft.nerddd 4 місяці тому

    Bro , I need help in bottom nav bar video , bottom nav is perfectly working but when I try to add home an another art board replacing chat art board, I get error in rice.utilities like It say
    "Exception has occurred
    _TypeError (Null check operator used on a null value )
    I wrote correct
    Artboard name =HOME
    statemachinename=HOME_Interactivity
    And
    Title='Home'
    Please Help Asap
    Thanks

  • @surykmvar
    @surykmvar 2 місяці тому

    Can this also be done using flutter flow???

  • @mrvampire93
    @mrvampire93 4 місяці тому +1

    Space between social login buttons not evenly

    • @TheFlutterWay
      @TheFlutterWay  4 місяці тому

      It's a open source project, anyone can contribute. Thanks for helping the community.

    • @eng.okody20
      @eng.okody20 2 місяці тому

      @@TheFlutterWay the thing is it's not
      it shows on the website that you have to subscribe for 29$ a month to get the code

  • @andresperez9446
    @andresperez9446 4 місяці тому +1

    Does work correctly in web with aws ?

  • @mithseang1708
    @mithseang1708 4 місяці тому

    Is it smooth to scroll ? cuz i have built flutter web small project to test it's not smooth to scroll.

    • @TheFlutterWay
      @TheFlutterWay  4 місяці тому

      Live demo: abuanwar072.github.io/core_dashboard/
      Check is by yourself how smooth it is in the production

  • @blesfemy
    @blesfemy Місяць тому +1

    Respoooonsive uzit, lmao