animated_theme_switcher 1.0.0+1 copy "animated_theme_switcher: ^1.0.0+1" to clipboard
animated_theme_switcher: ^1.0.0+1 copied to clipboard

outdated

Flutter animated theme switcher

animated_theme_switcher #

Pub

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.0" in your pubspec.yaml dependencies.

dependencies:
 animated_theme_switcher: "^1.0.0"

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;

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