how to change theme mode & theme color based on both system dark mode or onclick event in flutter

Question

• Color ThemeMode is based on 2 different ways, The first is that the color theme is change based on the system theme. (if the user selects the dark mode from the device then my app color theme is also changed with dark mode.) The second is that the color theme is based on the onClick Event from the application.

I want to create these two tasks with a single variable, like, if the system mode is on light mode but the user changes the mode of application in dark mode...and also if the system is on dark mode then the application is automatically converted into dark mode.

Answer 1

There's a plugin for that on pub.dev called theme_provider. Have you tried it? You can add it to your pubspec.yaml file.