animated_theme_switcher 1.0.3

Flutter animated theme switcher, that help to create beautiful transactions during the theme switch.

animated_theme_switcher

Animated theme switcher.

This library starts from Peyman's stackoverflow question how-to-add-animation-for-theme-switching-in-flutter

[demo]

Getting started

Add animated_theme_switcher: "^1.0.3" in your pubspec.yaml dependencies.

dependencies:
 animated_theme_switcher: "^1.0.3"

How To Use

Import the following package in your dart file

import 'package:reviews_slider/animated_theme_switcher.dart';

Wrap MaterialApp with ThemeProvider widget, as it has shown in the following example:

  ThemeProvider(
      initTheme: initTheme,
      child: Builder(builder: (context) {
        return MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeProvider.of(context),
          home: MyHomePage(),
        );
      }),
    ),

Wrap the screen where you whant to make them switch with ThemeSwitchingArea widget, as it has shown in the following example:

    ThemeSwitchingArea(
      child: Builder(builder: (context) {
        return ...,
      },
    );

Wrap every switcher with ThemeSwitcher builder, and use provided changeTheme function to switch themes;

    ThemeData newTheme = ThemeData(
      primaryColor: Colors.amber
    );
    ...
    ThemeSwitcher(
      builder: (context, changeTheme) {
        ...
        onTap: () => changeTheme(newTheme);
        ...
      },
    );