dynamic_theme_mode

version All Contributors

A Flutter widget that allows theme mode changing during runtime.

Installation

Add this to your pubspec.yaml:

dependencies:
  dynamic_theme_mode: ^1.0.0

Usage

  • Import the DynamicThemeMode widget, wrap MaterialApp with it and pass an initial ThemeMode value.
import 'package:dynamic_theme_mode/dynamic_theme_mode.dart';

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  
  @override
  Widget build(BuildContext context) {
    return DynamicThemeMode(
      initialThemeMode: ThemeMode.system,
      builder: (BuildContext context, ThemeMode themeMode) {
        return MaterialApp(
          theme: ThemeData(
            brightness: Brightness.light,
            primarySwatch: Colors.orange,
          ),
          darkTheme: ThemeData(
            brightness: Brightness.dark,
            primarySwatch: Colors.yellow,
          ),
          // Here we use the themeMode dynamic value!
          themeMode: themeMode,
          home: ExampleHome(),
        );
      },
    );
  }
}
  • Change the themeMode to use with:
DynamicThemeMode.managerOf(context)?.useDarkMode();
// Or
DynamicThemeMode.managerOf(context)?.setThemeMode(ThemeMode.light);
  • Get the current themeMode value with:
DynamicThemeMode.managerOf(context)?.themeMode;

The example folder has a complete example!

API

builder

Type: Widget Function(BuildContext context, ThemeMode themeMode).

Method that runs to rebuild the tree when themeMode changes.

manager

Type: ThemeModeManager.

Holds a ThemeMode value and notifies when it changes, also, it has the methods that changes the themeMode.

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Carlos Schwarz

๐Ÿ’ป ๐ŸŽจ ๐Ÿ’ก ๐Ÿšง

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT ยฉ Carlos Schwarz

Libraries

dynamic_theme_mode