Theme your Flutter Apps like a PRO | Flutter UI Design | Dark Mode in Flutter

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

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

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

    If you find this video useful, consider Following me on:
    👉 Twitter: twitter.com/theretroportal
    👉 Medium: retroportalstudio.medium.com
    👉 GitHub: github.com/retroportalstudio
    👉 Instagram: instagram.com/retroportalstudio
    👉 Patreon: www.buymeacoffee.com/theretroportal

  • @ZeljkoRacki-wy7tc
    @ZeljkoRacki-wy7tc Год назад +1

    Hvala!

  • @mruduladdipalli5417
    @mruduladdipalli5417 3 года назад +7

    Great, you have covered most important topic which is neccessary for everyone, I used to do inline theming for first flutter app which has lite and dark theme, and 20% code was for themeing, :)

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

    Clearly explained. Great tutorial. Many thanks

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

    I like the exactitude! straight to the point, Thank you.

  • @bensosfrequents
    @bensosfrequents 5 дней назад

    This tutorial is very helpful, thank you

  • @TheJaniable
    @TheJaniable 2 года назад +7

    Hey, could you make a video on the new updated theming system in Material 3?
    Things like using color scheme, seed color, etc.

  • @lindermannla
    @lindermannla 3 года назад +3

    Excellent tutorial. Congratulations!

  • @yohannbelhassen4139
    @yohannbelhassen4139 Год назад +1

    Thanks for the tuto
    Another thing for everyone to know, there is a transition in the textTheme, when you go an error, it may be because of the mix in the set of attribute.
    Some are frome 2018 and some from 2021 (headline1 from 2018 headlineLarge from 2021) don't mix them up else you got an error

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

    Thank you for the tutorial, Awesome!

  • @coding-gg9fu
    @coding-gg9fu 4 месяца назад

    Amazing video.
    Useful info all the way.

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

    This is great - very informative and clear. Thanks!

  • @TechBuddy_
    @TechBuddy_ 3 года назад +3

    hey just a side note we can use animated builder around the material app to listen to the change notifier which is much more simple and easy
    (edit) video was awesome btw

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

      Thank you, and yes Sure you can 😁 It is even described somewhere in the documentation i remember 😅

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

      @@RetroPortalStudio wait is it really in the docs cuz ive never seen that before also we can combine it with a service locator to get a wonderful state management solution

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

      @@TechBuddy_ i am looking for it 😅 i read it somewhere

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

      @@RetroPortalStudio or just make a video on it so others can benefit from it too instead of it being somewhere deep in the docs where no-one can find it

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

      @@RetroPortalStudio hey I found it it's in the new app sample thingy

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

    Made life clear, thanks a lot!

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

    Thank you bro for making these videos.

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

    6:16 what kind of magic you use to transform a Stateles Widget in to a Stateful widget in an snap of a finger?

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

      right click on stateless, click refactor, click convert to stateful widget, done

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

      You had me laughing by saying magic

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

      @@andreisas1621 thanks!

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

    Question : What if we are creating a custom button using { Material, inkwell,container, Text and icon widgets...} We have to give the background and button color and that color should be depend on the theme data. When we change the theme globally the cusbutton color also should change like elevated button????

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

    exactly what i needed

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

    If I move the MyHomeScreen widget to another page, the theme does not toggle, but if it is in the same page as the main function and the MaterialApp it works.

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

    That's nice but i have trouble moving setting bar o another folder when I'm instanciating a new instance theme doesn't change

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

    thank you . please upload more video

  • @md.ruhulamin7963
    @md.ruhulamin7963 3 года назад +1

    Thank you sir. Very helpful video.

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

    primaryColor din't changed appbar color for me. Flutter 2.5.3.

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

      Same for me. Also running 2.5.3

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

      @@idlevandal69 The new way is using color scheme.

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

      for anyone running into this problem when trying to use primaryColor at 7:56, try using colorSchemeSeed instead:
      colorSchemeSeed: COLOR_PRIMARY
      also, its not good practice to use all caps and underscores for constant names e.g. const COLOR_PRIMARY.
      It is better practice to use LowerCamelCase e.g. const colorPrimary =

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

    What if there is a container and I need to set custom color for dark/light theme in it, how to do that?

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

    I've done the whole code correctly, everything is fine, I've checked it several times, but theme of the app is not changing, kindly guide me a little.

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

      Did you find a solution, today a got the same problem. Thanks!

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

      Me too

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

      @@jyothishkoladath1907 i think i solved it, check my answer.

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

    Awesome video bro. can you give details of the style of your mouse cursor ?. How can I use such a nice mouse cursor?

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

    My HomePage is not in the same file, and I have used ThemeManager instance there as well, and it is not working.

  • @acornerofherheart-jr9pl
    @acornerofherheart-jr9pl 5 месяцев назад

    sir when the default white screen loads the status abr is black and font there is white how to change that status bar? in my app i hve set desired color status bar but when it loads the default splash white screen has the status bar which is not of my desired color? how to change? on app pages it is okay but not on default splash i m able to apply

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

    with vs extends "changeNotifier" which is better?

  • @RiccardoGabellone
    @RiccardoGabellone 3 года назад +3

    best ever!!! 💪

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

    Great video

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

    Didn't accentColor deprecated?

  • @slowDev.1
    @slowDev.1 Год назад +1

    please make a video that explains Text Theme plz plz

  • @davidtantz
    @davidtantz Год назад +1

    Cool!

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

    Hi, I want to use DropdownButton instead of a Switch to change the theme. What parameter do I use for the onChanged function in DropdownButton?

  • @afriquemodel2375
    @afriquemodel2375 4 месяца назад

    I want.to fecht image profil in the rest page of API

  • @bulsond
    @bulsond Год назад +1

    Thanks🥰

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

    Bro what if the the _themeManager is not in same file
    how I can use in another file
    create new instance ?

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

      use any state management of your choice

  • @MohammedNaji-l2k
    @MohammedNaji-l2k 2 года назад +1

    Awesome

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

    Hi can this process work for flutter v2.2 and above

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

    Any theme generator in mind ? Color combination ka idea nhi aata. Sare apps black & white theme ka banata hu. Sed lyf

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

    U BEST!!!

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

    Not working. Can you help?

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

    System theme is missing

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

    thanks

  • @puriwatw.1323
    @puriwatw.1323 2 года назад

    Do I have to write
    TextTheme _textTheme = Theme.of(context).textTheme;
    in every files?

  • @ManojKumar-iu3zh
    @ManojKumar-iu3zh 3 года назад +1

    Yo bro can i get job learning flutter

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

    Please install windows 11

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

    nah...i'm not giving any theme in here

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

    Why you are in a hurry?! You are not trying to deliver a solution you are teaching