Professional Setup of a Theme in Flutter | Light and Dark theme Flutter

Поділитися
Вставка
  • Опубліковано 28 вер 2024

КОМЕНТАРІ • 117

  • @lilykarmila4559
    @lilykarmila4559 9 місяців тому +9

    such a good tutorial i've ever see. thank you very much sir. I'm from indonesia. love you sir

    • @CodingwithT
      @CodingwithT  9 місяців тому +2

      So nice of you. Thanks to you for your love and support 🎉🙏

  • @pintsizedpals
    @pintsizedpals 14 днів тому +1

    Dbestech is the best tutorial. He explained each and every part from the scratch. Even a beginner can understand very easily. He did every code unless explaining already created code files. It's not beginner friendly😢

  • @gigamgamboa828
    @gigamgamboa828 8 місяців тому +2

    thanks master! i'm learning from you

  • @bayualiffarisqi3251
    @bayualiffarisqi3251 3 місяці тому +1

    verry amazing tutorial, sukron🙏

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

      Thank you so much! I'm glad you enjoyed the tutorial. Sukron! 🙏😊

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

    Thanks man, this is the best tutorial

    • @CodingwithT
      @CodingwithT  3 місяці тому

      You welcome 🙏 and I am Glad it helped.

  • @truongvo757
    @truongvo757 5 місяців тому

    This course should be available on Udemy or Coursera, and I am willing to pay for it.

    • @CodingwithT
      @CodingwithT  5 місяців тому

      You can join me on Patreon and watch multiple courses along the way and much more.
      www.patreon.com/CodingwithT848/membership

  • @Prototype.abdullah
    @Prototype.abdullah Місяць тому

    MaterialStateProperty
    this property depricated how i can use its replacement

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

      MaterialStateProperty has been deprecated. You should use WidgetStateProperty instead.

  • @faresomar-th3ml
    @faresomar-th3ml 15 днів тому

    very usefull thanks dev

    • @CodingwithT
      @CodingwithT  14 днів тому

      Glad you found it useful! Thanks for the support!

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

    Really respected ❤

  • @sanjaysingh-kq8wg
    @sanjaysingh-kq8wg 5 місяців тому

    i have a doubt from where i can get the font files

    • @CodingwithT
      @CodingwithT  5 місяців тому

      Hi, you can get the Project Starter kit containing Assets, folder structure and more for free from codingwitht.com/product/flutter-ecommerce-app-with-firebase/

  • @vic-db4rv
    @vic-db4rv 7 місяців тому

    cant download source code...web down

    • @CodingwithT
      @CodingwithT  7 місяців тому

      Its working. Please try again or clear the cache

  • @aouadicharaf1038
    @aouadicharaf1038 10 місяців тому

    ❤❤❤

    • @CodingwithT
      @CodingwithT  10 місяців тому +1

      Thank you😊

    • @aouadicharaf1038
      @aouadicharaf1038 10 місяців тому

      @@CodingwithTNo thank u 🙏 from what i see the code is organized and easy to understand and i can apply it on any project. U r a flutter hero 🫡🫡🫡

  • @aliaqdas366
    @aliaqdas366 10 місяців тому

    where you from sir?

    • @CodingwithT
      @CodingwithT  10 місяців тому +3

      I'm from Planet Flutter 🍃😁.
      Actually I'm from Islamabad, Pakistan.
      Also travels a lot.

  • @alifallahorinsan7831
    @alifallahorinsan7831 8 місяців тому

    bro can u tell me file type

    • @CodingwithT
      @CodingwithT  8 місяців тому

      Which file type you want me to tell. can you explain?

  • @legardemontcho6739
    @legardemontcho6739 Місяць тому +2

    The theme folder organisation here is a better approach. It's really simple to edit and easy to reuse on another project. Breaking up a large file into smaller files is the clean code that Uncle Bob talks about in his book. I'm fan !

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

      Thank you.
      I am glad you like the content.

  • @abdulrahmanmufarrah7883
    @abdulrahmanmufarrah7883 10 місяців тому +11

    I really like the way that you don't show us specific configurations for the app your developing , but a guidelines for better reusable code for any type of application, which is something missing in 99% of online tutorials but is perfectly constructed in your course. well done man . i really enjoyed this.

    • @CodingwithT
      @CodingwithT  10 місяців тому +1

      Glad to hear that 😍

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

    After 2 years working for a company, I wanted to take things to the next level. To get there, I'll have to compare my existing knowledge with that of others. Most of all, I need to be critical and fair-minded when it comes to summarising. I have a feeling that this series is going to be a big plus for me.

  • @MachineLearning-rw7jd
    @MachineLearning-rw7jd 9 місяців тому +4

    I am loving this series. Lots of knowledge mr. T !

  • @yakshg7184
    @yakshg7184 Рік тому +2

    Sir I had a query , why do you prefer GetX in your most of the projects, just want to know your perspective

    • @CodingwithT
      @CodingwithT  Рік тому +5

      There are many reasons but the main one is that. It's simple and easy to understand+ it's fast.

  • @ihssanehmichou
    @ihssanehmichou 7 місяців тому +1

    what language of programmation you used : (java or Kotlin), (swift or objective c)

    • @CodingwithT
      @CodingwithT  6 місяців тому +1

      You don't have to change the settings while making a project. use default settings for them

    • @ihssanehmichou
      @ihssanehmichou 6 місяців тому

      thank you @@CodingwithT

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

    keep building the world, keep building the flutter, keep building the widget 💇 😆]

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

      Thank you! We're glad to have you on this journey of building with Flutter. Let's keep creating amazing things together! 💪🚀😊

  • @ishaqsaeed
    @ishaqsaeed Рік тому +3

    Yes I really need this, Thank You

    • @CodingwithT
      @CodingwithT  Рік тому

      I hope it'll be beneficial for all 😊

  • @SoulCalmingWithAzooz
    @SoulCalmingWithAzooz 7 місяців тому +1

    The source code link is not working?

  • @sarahismail-ob4is
    @sarahismail-ob4is 3 місяці тому

    hi, i have a question. in chip_theme.dart, for darkChipTheme, why does it have 'const' but not for lightChipTheme in the initialization ? thank you !

    • @CodingwithT
      @CodingwithT  3 місяці тому +1

      There must be some value that we might not noticed is changed

  • @Mrlikeandshare
    @Mrlikeandshare 8 місяців тому +1

    You are a great teacher I wish for you all the best ❤

    • @CodingwithT
      @CodingwithT  8 місяців тому +2

      Thank you for your support 😊

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

    Hello Sir. I have a simple question! why are we using TTextTheme or TAppTheme? can we use simple TextTheme or AppTheme? waiting for your kind response. Thank you.

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

      T was used to make it easy to call custom themes
      whenever T is typed it will show all the custom themes
      you can keep it T X Y Z any or none

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

      @@haidernaeem3147 thank you brother

  • @shehzadhussain491
    @shehzadhussain491 7 місяців тому

    how to make the code in a single line like the way it is in the TTextTheme (headLineLarge and headLineMedium ) whenever I save it it occupies multiple lines.

    • @CodingwithT
      @CodingwithT  7 місяців тому

      There is a line in the editor which breaks the code and makes it smaller.

  • @acornerofherheart-jr9pl
    @acornerofherheart-jr9pl 3 місяці тому

    i didnt still know that theme is that much powerful in flutter best explanation by you.... perfect reusability is shown

    • @CodingwithT
      @CodingwithT  3 місяці тому +1

      It’s very much powerful dear 🫨

  • @Jiayoujiayoulalalla
    @Jiayoujiayoulalalla 6 місяців тому

    I only have fundamental knowledge in dart and flutter, can i follow this tutorial to learn ? is this suitable for beginner?

    • @CodingwithT
      @CodingwithT  6 місяців тому

      If you can create an app even a very small one then yes it’s for you.

  • @bishalrumba3671
    @bishalrumba3671 5 місяців тому

    I have an issue:
    The font and Text (Text theme) is working perfectly fine in Debug mode, but it is not working in release mode.
    the font and text gets lost, not showing up in release mode. i followed your tutorial and still the issue persists.
    In release mode: after i run the app for first time the text shows up, but opening the app after terminating it and font gets lost.
    please help

    • @CodingwithT
      @CodingwithT  5 місяців тому

      Please verify that your fonts are being bundled correctly when you build your app in release mode. You can check this by inspecting the contents of your built APK file.

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

      @@CodingwithT Thanks for the reply, but the issue seems to be causing by using flutter_screenutil package. it is now solved after following the documentation for using it in hybrid development.

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

    Sir can you tell me how you have created the packages directly because I'm using a mac

    • @CodingwithT
      @CodingwithT  3 місяці тому

      You can use folders or packages by just right clicking.
      They are same.

  • @pyaephyoenaing1655
    @pyaephyoenaing1655 5 місяців тому

    if you do not want to give source code even, please you should give images,fonts etc.

    • @CodingwithT
      @CodingwithT  5 місяців тому

      You can get the Project starter kit for free from codingwitht.com/product/flutter-ecommerce-app-with-firebase/ , containing folder structure, localization support, error handling, utilities, assets, constants, sizes, and customizable themes. It's designed to kickstart your project with essential elements.

  • @mehrdadhosseini5448
    @mehrdadhosseini5448 5 місяців тому

    It's great but I can't download App Project Starter KIT in your website is it possible to send it with mail service?

    • @CodingwithT
      @CodingwithT  5 місяців тому

      You can also download starter kit from cwtstore.gumroad.com/l/Flutter-Project-Starter-Kit

    • @mehrdadhosseini5448
      @mehrdadhosseini5448 5 місяців тому

      @@CodingwithT Thanks man 🙏🌹

  • @kausarfatima1318
    @kausarfatima1318 3 місяці тому

    kindly provide assets

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

      To download the starter kit containing assets, you can select app project starter kit in the variations from
      codingwitht.com/product/flutter-ecommerce-app-with-firebase
      or you can download from
      cwtstore.gumroad.com/l/Flutter-Project-Starter-Kit

  • @rafisdiscoverdiary
    @rafisdiscoverdiary 5 місяців тому

    I got this error ,
    Expected "fonts" to be a list, but got {family: poppins, fonts: [{asset: assets/fonts/Poppins-Light.ttf, weight: 300}, {asset: assets/fonts/Poppins-Regular.ttf, weight: 400}, {asset: assets/fonts/Poppins-Italic.ttf, style: italic}, {asset: assets/fonts/Poppins-Medium.ttf, weight: 500}, {asset: assets/fonts/Poppins-MediumItalic.ttf, weight: 500, style: italic}, {asset: assets/fonts/Poppins-SemiBold.ttf, weight: 800}, {asset: assets/fonts/Poppins-SemiBoldItalic.ttf, style: italic, weight: 800}, {asset: assets/fonts/Poppins-Thin.ttf, weight: 500}, {asset: assets/fonts/Poppins-ThinItalic.ttf, weight: 500}, {asset: assets/fonts/Poppins-Black.ttf, weight: 500}, {asset: assets/fonts/Poppins-BlackItalic.ttf, weight: 500, style: italic}]} (YamlMap).
    Please correct the pubspec.yaml file at D:\ECommerce_Store\pubspec.yaml
    what should i do now ? how to create a font list? Ive added all this fonts inside the asset folder and also added the fontsfamily in the theme.dart file.

    • @CodingwithT
      @CodingwithT  5 місяців тому

      There should be an error in the code. But you can download the project starter kit for free having assets folder structure and much more for free from codingwitht.com/product/flutter-ecommerce-app-with-firebase/

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

    Confirm Jannati 💝

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

      Thank you so much! Your support means a lot. 💝

  • @acornerofherheart-jr9pl
    @acornerofherheart-jr9pl 3 місяці тому

    I have a que if i define all type of style in themedata like elevated button and others then while creating elevated button do i need to redefine style there or not? it will be taken from the themedata?

    • @CodingwithT
      @CodingwithT  3 місяці тому +1

      As explained,
      You have to create your theme and add that in the aap.dart file.
      Then you just have to call ElevatedButton and that’s all

    • @acornerofherheart-jr9pl
      @acornerofherheart-jr9pl 3 місяці тому

      @@CodingwithT ok i made my first app but each time i had given custom styles to each widget but now i got this video so i will apply theme in next app for sure

  • @overbyte
    @overbyte 7 місяців тому +1

    Good tute - cheers 👍

  • @agalajohnagala5187
    @agalajohnagala5187 Рік тому +1

    Thank you so much for all your help...

  • @hi-dq4sh
    @hi-dq4sh 8 місяців тому

    2:48 Overview of Theme Properties in MaterialApp
    6:12 Create our resuable custom ThemeData
    10:12 Our own TextTheme utlity

  • @thekd5376
    @thekd5376 10 місяців тому

    where is the src code, it's not in your website, do i have to pay for it

    • @CodingwithT
      @CodingwithT  10 місяців тому

      I have shared the link in the description of every video to download the project.

  • @mahmoud_hamdy_flutter
    @mahmoud_hamdy_flutter 7 місяців тому

    if you can it will be good if you make the font of editor more bigger

    • @CodingwithT
      @CodingwithT  7 місяців тому

      I will surely do it in the next Playlist. Thank you for your advice ❤️

  • @richardappow6770
    @richardappow6770 Рік тому

    What version of Android Studio are you using here? I really love how the Run/Debug toolbar is grouped and highlighted

    • @CodingwithT
      @CodingwithT  Рік тому

      It is the latest version of android studio.

  • @Hamza-yq7sj
    @Hamza-yq7sj Рік тому

    Sir in starter kit there is helper folder pricin_calculator.dart. In this file cart_model.dart file missing

    • @CodingwithT
      @CodingwithT  Рік тому

      😲 Comment that out for now. We will add that file in later tutorials

    • @CodingwithT
      @CodingwithT  Рік тому

      Code is also updated.

    • @Hamza-yq7sj
      @Hamza-yq7sj Рік тому

      @@CodingwithT ok sir 😁💜

  • @richardappow6770
    @richardappow6770 Рік тому

    Are you using compact mode for your Android Studio theme?

  • @SeriatyTn
    @SeriatyTn 6 місяців тому

    in my virtual device i cant see dark mode ..

    • @CodingwithT
      @CodingwithT  6 місяців тому +1

      You can update your emulator and add a latest device or you can run the code on physical device. If none of these steps resolve the issue, you may need to further investigate the settings and configurations of your virtual device

    • @SeriatyTn
      @SeriatyTn 6 місяців тому

      @@CodingwithT
      i update the emulator and it works thnx ❤❤

  • @from_whatch
    @from_whatch 9 місяців тому

    future getx convert to bloc possible???

    • @CodingwithT
      @CodingwithT  7 місяців тому

      Just change the backend classes

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

    You are so amazing guy dude!

  • @dcsflightdeck
    @dcsflightdeck 3 місяці тому

    Amazing tutorial!

  • @santiagovalencia6658
    @santiagovalencia6658 6 місяців тому

    Amazing tutorial

    • @CodingwithT
      @CodingwithT  6 місяців тому +1

      Thank you for your support. I am glad that my videos are helpful for you.

  • @minhajraza2268
    @minhajraza2268 8 місяців тому

    Thanks❣❣❣

  • @mdabdurrahman6899
    @mdabdurrahman6899 Рік тому +1

    Please use bloc in this e-commerce project

    • @CodingwithT
      @CodingwithT  Рік тому +1

      Noted bro. I have already started this with GetX and will also create one using Bloc

    • @mdabdurrahman6899
      @mdabdurrahman6899 Рік тому

      @@CodingwithT ok, thanks

  • @bell3746
    @bell3746 10 місяців тому

    very useful content, man
    really apreciate it
    never stop of doing this kinda lessons

    • @CodingwithT
      @CodingwithT  10 місяців тому

      Thank you 🙏. I'm on it