How to Make Responsive Flutter Apps, Pixel Perfect

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

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

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

    This is a great series. Learned quite a lot. I wish these types of videos continued.

  • @lucasdiogomelo520
    @lucasdiogomelo520 3 года назад +5

    i was searching for these explanation for months. I'm glad you came with it

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

    Safearea has a minimum parameter which could technically be used instead of padding.

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

    That perfect pixel plugin is pure gold 🪙
    Thanks for sharing, excellent video 👌

  • @i5c5e5n8
    @i5c5e5n8 3 года назад +6

    do you have any idea how flutter handles this while maintaining image quality? does it apply an antialiasing algorithm?
    also, do you know if this is good performance-wise or not?

  • @Opeyemi.sanusi
    @Opeyemi.sanusi 3 года назад +4

    More responsive videos please 🙏🏿

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

    Can we calculate mockupWidth and mockupHeight dynamic because you have set this for only iPhone 11 pro but I need pixel perfect in all devices.

  • @awais.16
    @awais.16 3 года назад +5

    How to adjust that picture according to our screen , so that it fits according to our screen height and width

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

      Try to use Fittedbox it might help

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

      You can use fit: BoxFit.fill or BoxFit.cover (this is better option), and FittedBox is most likely to use with Text widgets.

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

    its perfect design but what we do other phone resolution ?

  • @omkarp9943
    @omkarp9943 3 месяца назад

    This can be done using without pixel perfect library, isn't it??

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

    The same ratio in text /mocup then * width
    To the test scale width /mocup

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

    Thanks great explanation

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

    What is the add-on used to only remark the error line with it message instead of the entire widget?

  • @kanishthasahu4447
    @kanishthasahu4447 10 месяцев назад

    great tutorial

  • @Blues_unicat
    @Blues_unicat 5 месяцев назад

    This scale factor like text scaling should be called Adaptive not Responsive.

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

    i didn't like, cause u need exactly the size of the screens.. it would be nice if just take the dispositive viewports and make the calculus automaticly

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

      do you have any resource that explains how to do that??

  • @SahilKhan-uj7iw
    @SahilKhan-uj7iw 3 года назад

    It will work for sizebox heigth or any heigth parameter how can we use it for heigth of widget for responsive ness

  • @1995taunus
    @1995taunus 3 года назад

    Thank you!

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

    Adding padding before scaffold results in black bars from all the sides. any solutions?

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

      u should follow scaffold - safe area (top:false , bottom:false) - padding - etc...

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

    Background music?

  • @m.tirtarachmanmahieu3406
    @m.tirtarachmanmahieu3406 3 года назад

    interested! subscribe, thanks dude this video really help full 👍🏻

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

    thank you

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

    iPhone 12 pro works fine, but not iPhone 12 pro max.. ouch!

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

    God bless you

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

    Didn’t like the pixel perfect approach… It doesn’t look professional

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

      May I know what are the other ways to achieve this. Any url?

  • @Ali-cb3xt
    @Ali-cb3xt 3 года назад

    👍👍🔥

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

    Hh