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

แชร์
ฝัง

ความคิดเห็น • 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 🎉🙏

  • @MachineLearning-rw7jd
    @MachineLearning-rw7jd 9 หลายเดือนก่อน +4

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

    • @CodingwithT
      @CodingwithT  9 หลายเดือนก่อน

      Thank you 🙏

  • @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 🫨

  • @ishaqsaeed
    @ishaqsaeed ปีที่แล้ว +3

    Yes I really need this, Thank You

    • @CodingwithT
      @CodingwithT  ปีที่แล้ว

      I hope it'll be beneficial for all 😊

  • @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.

  • @gigamgamboa828
    @gigamgamboa828 8 หลายเดือนก่อน +2

    thanks master! i'm learning from you

    • @CodingwithT
      @CodingwithT  8 หลายเดือนก่อน +1

      You welcome 🤗

  • @bayualiffarisqi3251
    @bayualiffarisqi3251 3 หลายเดือนก่อน +1

    verry amazing tutorial, sukron🙏

    • @CodingwithT
      @CodingwithT  2 หลายเดือนก่อน

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

  • @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.

  • @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.

  • @donzhu4996
    @donzhu4996 4 หลายเดือนก่อน

    Thanks man, this is the best tutorial

    • @CodingwithT
      @CodingwithT  3 หลายเดือนก่อน

      You welcome 🙏 and I am Glad it helped.

  • @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

  • @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.

  • @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

  • @SoulCalmingWithAzooz
    @SoulCalmingWithAzooz 7 หลายเดือนก่อน +1

    The source code link is not working?

    • @CodingwithT
      @CodingwithT  7 หลายเดือนก่อน

      It’s working

  • @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

  • @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 🙏🌹

  • @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

  • @dcsflightdeck
    @dcsflightdeck 3 หลายเดือนก่อน

    Amazing tutorial!

    • @CodingwithT
      @CodingwithT  3 หลายเดือนก่อน

      Glad you think so!

  • @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

    • @CodingwithT
      @CodingwithT  8 หลายเดือนก่อน +2

      Thank you

    • @hi-dq4sh
      @hi-dq4sh 8 หลายเดือนก่อน

      @@CodingwithT you are welcome sir 😅

    • @muhammaddaniyalkhan6038
      @muhammaddaniyalkhan6038 2 หลายเดือนก่อน

      @@CodingwithTwhere to get code for the themes'?

  • @faresomar-th3ml
    @faresomar-th3ml 14 วันที่ผ่านมา

    very usefull thanks dev

    • @CodingwithT
      @CodingwithT  14 วันที่ผ่านมา

      Glad you found it useful! Thanks for the support!

  • @richardappow6770
    @richardappow6770 ปีที่แล้ว

    Are you using compact mode for your Android Studio theme?

  • @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/

  • @mrhosin1376
    @mrhosin1376 4 หลายเดือนก่อน

    Really respected ❤

  • @santiagovalencia6658
    @santiagovalencia6658 6 หลายเดือนก่อน

    Amazing tutorial

    • @CodingwithT
      @CodingwithT  6 หลายเดือนก่อน +1

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

  • @vic-db4rv
    @vic-db4rv 7 หลายเดือนก่อน

    cant download source code...web down

    • @CodingwithT
      @CodingwithT  7 หลายเดือนก่อน

      Its working. Please try again or clear the cache

  • @muhammadmasood2912
    @muhammadmasood2912 หลายเดือนก่อน

    Confirm Jannati 💝

    • @CodingwithT
      @CodingwithT  หลายเดือนก่อน

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

  • @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?

  • @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 🫡🫡🫡

  • @pintsizedpals
    @pintsizedpals 13 วันที่ผ่านมา +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😢

  • @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.

    • @CodingwithT
      @CodingwithT  หลายเดือนก่อน +2

      Let’s go

  • @ihssanehmichou
    @ihssanehmichou 6 หลายเดือนก่อน +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! 💪🚀😊

  • @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

  • @overbyte
    @overbyte 7 หลายเดือนก่อน +1

    Good tute - cheers 👍

    • @CodingwithT
      @CodingwithT  7 หลายเดือนก่อน

      Thank you! Cheers! 🥂

  • @agalajohnagala5187
    @agalajohnagala5187 ปีที่แล้ว +1

    Thank you so much for all your help...

  • @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

  • @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.

  • @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.

  • @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  4 หลายเดือนก่อน

      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.

  • @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 ❤️

  • @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.

  • @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.

  • @from_whatch
    @from_whatch 9 หลายเดือนก่อน

    future getx convert to bloc possible???

    • @CodingwithT
      @CodingwithT  7 หลายเดือนก่อน

      Just change the backend classes

  • @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 ❤❤

  • @tokyo4075
    @tokyo4075 4 หลายเดือนก่อน

    You are so amazing guy dude!

    • @CodingwithT
      @CodingwithT  4 หลายเดือนก่อน

      Thank you.

  • @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 😁💜

  • @minhajraza2268
    @minhajraza2268 8 หลายเดือนก่อน

    Thanks❣❣❣

    • @CodingwithT
      @CodingwithT  8 หลายเดือนก่อน

      You welcome 🤗

  • @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

  • @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/