Flutter Theme Manager for Multiple Themes

[@JunaidRehmatRana]

@FilledStacks You are a lifesaver! As I said on slack as well, your tutorials are totally in line with my progress in my first flutter app. Luckily enough I am using almost everything from FilledStacks. Services, Stacked architecture, Viewmodels, and whatnot. The only fear is the moment you stop support of these I will have to redo a lot of stuff :D

[@wickedgummybear3104]

I'm in the same boat, but, him dropping support doesn't mean you have to redo alot of stuff. Everything works perfectly fine and most new functions can be adapted or put in services without his help. So there's nothing to be afraid of

[@FilledStacks]

haha, that's awesome man! I'm happy to hear that. Well hopefully you can explore some things if you get there before me and have something to compare to when my implementations come out. The way i teach is hopefully going to make you not need my videos anymore. They're all built with the same principles so over time you'll most likely stop using my videos and just build everything on your own, unless I have already made the package haha.

[@FilledStacks]

@@wickedgummybear3104 Definitely true. Also I only share the code that we use / will use in our clients applications. That means we HAVE to support it because we're actually using it. And the code bases I write stays in use for 5+ years so the only time i'll do major refactors / make breaking changes will be every once in a while maybe once every 2-5 years.

[@wickedgummybear3104]

@@FilledStacks Yeah I figured that would also be the case. Maybe you'll do updates in the beginning with new features, but eventually the only thing that needs to change is if Flutter brings some breaking change in an update. Still need to say that it's kind of unbelievable you are sharing this framework, for free, instead of just keeping it to yourself. Because most companies will keep these kind of libraries etc in-house.

[@FilledStacks]

@@wickedgummybear3104 haha thanks man! I don't think there's any benefit to anyone if i keep all the code I write to myself. i'm actually a bit upset with myself for not staring earlier. I wrote some reeaaally cool shit in xamarin that's now all gone and just somewhere on my pc or on a clients server. But from now on it's all coming out. As soon as I see it's value in a client code base it's coming out to you guys for free. We can all build better things with it that way.

[@mohammadmujahid8850]

You are a man of knowledge.Thank you for sharing so much knowledge.

[@FilledStacks]

Thank you :) It's my pleasure sharing it. no point in keeping it all to myself :D

[@jaspreetkaur-mo2dr]

Bro U and u r tutorials are awesome, Within just 1 month of practicing and following u r tutorials I learned a lot and I easily switch from xamarin to futter without any difficultly. Thanks, Man

[@FilledStacks]

That's great! Well done! I also come from Xamarin. It's a very comfortable switch when you use stacked as your state management solution.

[@user-xf7mu7ub9d]

I spent all the morning trying to find a tutorial like this. thank you so much. I love you. 🥺💗

[@FilledStacks]

You're welcome! I'm happy to help

[@ninogalvan4100]

Another great tutorial. I'm excited for the next episode of your tutorial, hoping it is the sqlite implementation using your stacked architecture. I'm currently building an app and I will definitely use the stacked architecture, that is why I'm excited for the sqlite tutorial. Thank you, More Power to your team...cheers

[@FilledStacks]

Thanks Nino! That is infact the next video :) I will be moving some of the code I have in my client code bases into a package and then only making the video when that's complete. The main code is around the migration functionality which I made super easy for myself. But more on that when I share the video :)

[@dreamerslab]

Hello @FilledStacks You did such a great job making everyone's life easier. I really loved the package.

[@FilledStacks]

That's awesome to hear. Thanks for letting me know, I appreciate it ☺

[@dreamerslab]

@@FilledStacks I made some changes to the package too. Please check the pull request whenn free. Thanks for the awesome package again.

[@FilledStacks]

Awesome, I will check it out.

[@omarbsoul8419]

Awesome tutorial. I'm looking forward to learn how to manage flutter forms with the stacked architecture. Thanks!

[@FilledStacks]

Thanks, i'm looking forward to making that video one day :)

[@airtechsolutions1582]

Really Awesome Content please upload more deep detailed videos about stacked

[@FilledStacks]

Hey, I have over 20 videos showing how to use it to build features. watch the boxt out series to get insights into how I use it in production.

[@isaacadariku]

💙💙💙 Thanks FilledStack 😊

[@FilledStacks]

You're welcome :)

[@isyedaliraza]

Thank you so much for your awesome content and the work you are doing. Keep it up ❤️❤️

[@FilledStacks]

i appreciate the kind words of encouragement. Thank you very much. I will try my best to keep it up.

[@francescopasin1928]

Your videos are always amazing and well done. Thank you. It will be cool to have a discord server for your community, in order to discuss and help each other with flutter.

[@FilledStacks]

Hey thank you, we do have a Slack (I don't like discord because of the lack of threads). It's very hard to follow a conversation on there. You can join here join.slack.com/t/filledstacks/shared_invite/zt-hqvqnd50-trS3YfEsL~2LQXfi9XjFBw

[@tony-mburu]

I am just wondering how I would go about using radio buttons to switch between System mode, dark mode and Light mode? I have been using provider so far.

[@FilledStacks]

Hey, I would have to add that functionality and the persistence of it. I'm going to be doing that in a day or two when I get some time. I was dumb for not adding it but I only thought of the scenario afterwards.

[@tony-mburu]

@@FilledStacks Good stuff! Cant wait to see that implementation.

[@FilledStacks]

@@tony-mburu I'm excited too. I'll be publishing the update in the week, hopefully, with a full example of how to use it in the repo as well.

[@FilledStacks]

@@jamiehalmick Hoping to get to to it soon.

[@zaighumshahzad3501]

You are a life saver. Thanks

[@FilledStacks]

Happy to be of service 🫡 I hope it's still relevant 😅

[@muhammadadnanijaz7340]

Missing your content. Kindly make some more tutorials 😍😍😍😍

[@FilledStacks]

:D Thank you. I'll try my best to keep making videos.

[@henk1199]

Just fantastic!! Keep up the good work! :-)

[@FilledStacks]

Thank you for the motivation. I'll try my best to keep it up.

[@MafazKhan1]

Its finally here🤩🤩

[@FilledStacks]

yeeaaaahhh! Took some time but it's done :D

[@98Vuk]

Great video as always :) I just want to know if you are planing on adding flutter-web support anytime soon?

[@FilledStacks]

Thank you, I definitely will when I do my next round of Flutter Web videos.

[@mallikarjunreddy5229]

You are awesome, you nailed it 😍

[@FilledStacks]

Thank yooouuu! And thanks for watching :) I'm happy you like the solution.

[@mallikarjunreddy5229]

@@FilledStacks Yup

[@FilledStacks]

@@mallikarjunreddy5229 :)

[@ahmednashwan8111]

I appreciate it, so good thanks a bundle bro, but i have a question for u: when i make main function return future is this make app bad or be slow when start and be not best performance? Tanks alot💥❤️

[@FilledStacks]

No, it having something return a future doesn't make anything slower or bad. If you're doing things that takes a long time before the app starts then yes, but this doesn't take a long time.

[@ahmednashwan8111]

@@FilledStacks That wats i want, Tanks a lot man i appreciate it😍😍

[@kickflip1799]

Great videos man

[@FilledStacks]

Thanks man. I appreciate it.

[@sm-df6ft]

Hello will you please create an video for how to give notification from any kind of webapp to flutter application I dont get that kind of stuff on youtube

[@FilledStacks]

Hey I don't know exactly what that means. Do you want to show a notification in a flutter web app in the chrome browser?

[@sumanparajuli229]

Thanks sir... really helpful. ...

[@FilledStacks]

You're welcome. I'm happy to help.

[@Engwaheed11]

Thank you so much for this tutorial, If I followed the tutorial but got an error and I want to ask about it, can I ask here or there is another site for asking such a question?

[@FilledStacks]

you're welcome. You can joing the slack channel and ask there. join.slack.com/t/filledstacks/shared_invite/zt-hqvqnd50-trS3YfEsL~2LQXfi9XjFBw we have 1600+ flutter devs there.

[@kamtouboris3769]

Just awesome!!

[@FilledStacks]

Yeeahahhhahahah! Thanks man. I appreciate it.

[@jaspreetkaur-mo2dr]

Hi Bro, hope u r doing good and busy with some client work. But Still, asking It is around 1 month u didn't put any content. Waiting for u r new video and please make the series on the WEB VIEW in the flutter. Waiting to see u again with another awesome content. Hit up if like my suggestion.........

[@FilledStacks]

Hi what's up man. I am quite busy with client work. I just finished my new video :) I'm going to upload and release it now. It should be available in a hour or two.

[@junkf.1971]

Love your vids. Can you please do error handling next?

[@FilledStacks]

Thanks. Error handling in what way? I use try catch statements to throw custom exceptions but other than that. I don't do much. Maybe some examples of what you'd like to handle then I can see.

[@junkf.1971]

@@FilledStacks Hi. Thanks for replying us here. I just found out about the ViewModel hasError, onError(), etc from the example in github. I wasn't aware of it since I'm new to this. I will be referring that. Thanks man.

[@FilledStacks]

@@junkf.1971 Awesome! goodluck with the implementation.

[@FxTrader539]

Can please make video on screen app. Functionality like anydesk and teamviewer. Can we achieve this functionality on mobile device ? If yes then can you please make video on this

[@FilledStacks]

Hey, I haven't built anything like that but it's definitely possible. I haven't come across an idea that I won't be able to implement in a mobile application. Given you have a good connection or a kick ass compression algorithm you can definitely achieve it. It would most likely take me 3-6 months to do RND and implement a production level version of an app like that so a 15 minute tutorial won't cut it. It'll most likely require 100's of videos to explain the full app. But in short the first solution you can try is looking at how flutter driver creates fake user interaction. Take that functionality out of the code base, create a package that doesn't break anything else like the keyboard and that can be used in release mode. Once you have that you can follow a tutorial for something like "floating heads in flutter" which will allow you to overlay your app on your device at all times. When you can achieve that you should be able to simulate user input on those transparent areas. Once you can do that you can write a socket based streaming approach where you send interactions from one device to another and replay them over the screen on the app. All other solutions would try and follow that approach but you'll have to see if apple allows that kind of functionality as well as if Android allows it over all.

[@FxTrader539]

FilledStacks thanks

[@FxTrader539]

I will try to achieve this 😃

[@FilledStacks]

@@FxTrader539 Goodluck! I hope you successfully implement it :)

[@akhileshrajan8246]

up vote system using Firebase.. next video? ❤

[@FilledStacks]

This is very specific. i've shown how to do crud with firebase so it would simply just be incrementing a count value on a post using an update call.

[@alifarhadali5580]

keep going 👏

[@FilledStacks]

I'll try my best to do that :)

[@Maudrandir]

i just use provider to switch themeModes and store it on locally

[@FilledStacks]

That is exactly what this package does :) But instead of only theme modes it also allows you to save multiple themes and allow the user to choose between them it if that's a function you want to provide

[@wickedgummybear3104]

I'm getting the following warning after implementing the stacked_theme and switching a theme: Warning: The support for configuring the foreground color of FloatingActionButtons using ThemeData.accentIconTheme has been deprecated. Please use ThemeData.floatingActionButtonTheme instead. See flutter.dev/go/remove-fab-accent-theme-dependency. This feature was deprecated after v1.13.2 Is this something on my end that I need to fix, or an implementation of your themeService? I can't seem to find the specific line in my code... But awesome video, as per usual! EDIT: Also wanted to say what some people say about the UI.. usually dark/light mode has a switch and changing themeColors might be alot handier with, for example, a slider. Trying to implement that now but not having much luck :P

[@FilledStacks]

Hey thanks, that's not something on my side. i don't use any Theme specific code in the package. i simply pass down everything that you create to the material app. in terms of the slider, i'd simply calls setSelectedTheme with the index at the slider point.

[@wickedgummybear3104]

@@FilledStacks Yeah I figured that out already, that it was on my end. Sometimes I get exactly what I'm doing. And other times I have no clue. I guess I know alot less than I thought I did.. I'll just put back my old version of the theme changer. It was a bit convoluted, but it worked. At least untill I know how to put this new one in there. EDIT: Just wondering, it doesnt save the dark/light mode when you close the app?

[@FilledStacks]

@@wickedgummybear3104 Yes, please do that. Don't jump over because it's new. Use your code, you should check it out in a new branch before committing. Can't just jump over haha. That was a bug, it's fixed now.

[@wickedgummybear3104]

@@FilledStacks Hahaha well... usually the stuff you bring out is just too good to NOT implement right away. Like a new tool to replace something that was mushed together. For example, a while back you released the bottom Navigation bar. And it did exactly what mine was doing already, almost the same code... Yours was just a more polished version so.. out it goes in the next refactor.

[@wickedgummybear3104]

I have one more question. I updated all the packages, but it's still not loading Dark mode on startup. I was also wondering how to acces the saved theme mode from the shared prefs. I can't seem to find the key. This is so I can set the radio button to the corrosponding color on load. EDIT: Also wondering, when I switch my theme to some other colors, and then turn on dark mode, and switch back. It doesnt go back to my normal chosen theme, but the start values from main.dart .. should that happen or should I do it differently? If I delete the startvalues from main.dart, IE darkTheme and LightTheme stuff, it goes all wonky and I cant seem to properly change back and forth from dark mode..

[@capungfly5352]

Awsome

[@FilledStacks]

Thanks Thanks :D

[@attafriski5901]

thanks

[@FilledStacks]

You're welcome :)

[@rezahosseinypour6669]

another youtuber doing creating a video about doing smt using a package that is built for doint that thing bro you are teaching nobody you just showing packages

[@FilledStacks]

Another commenter being an ungrateful little shit 😆 If you want the rebuild something that's already been built you're almost 100% not gonna become a productive 10x engineer. Imagine writing your own auth layer and hosting it on a machine in your house 😂 Infact why the fuck are you even using flutter. I also know openGL, you want ms to rather teach c++ and open gl and take 1 year to build a login view on 5 platforms? Actually!! We should go assembly because it makes no sense using a language someone else wrote, I'd just be teaching "nobody" and just show languages. Pffffft. "These plebs, teaching people how to program with a language, they should teach binary. Fucking idiots". Good luck making your multi million dollar clients happy by taking weeks to build things that already exist. 😘