yako_theme_switch

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A customizable and visually appealing switch widget designed specifically for toggling app themes in Flutter applications. Built with smooth animations and responsive feedback, it enhances user experience when switching between light and dark modes. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent behavior across devices. It integrates seamlessly into existing Flutter projects with minimal setup.

Use cases

Switching between light and dark themes
Enhancing UI/UX for theme preferences
Integrating theme toggle in settings screens
Creating responsive design elements
Customizing theme switch appearance
Supporting cross-platform theme management

Key features

Smooth animation transitions
Cross-platform compatibility
Customizable appearance
Easy integration with Flutter apps
Built-in support for light/dark mode
Responsive touch feedback

Suitable for

Developers building theme-enabled apps
UI designers seeking polished switches
Projects requiring platform-agnostic theme controls
Apps targeting multiple operating systems
Teams focused on user experience and aesthetics

Considerations

Requires basic knowledge of Flutter widgets
May need additional styling for complex designs
Depends on Flutter's theme system
Limited to theme toggle functionality
Not suitable for non-theme related switches

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Yako Theme Switch

Just a cool switch for your app's theme

Installing:

In your pubspec.yaml

dependencies:
  yako_theme_switch: ^2.0.0

Basic Usage:

    YakoThemeSwitch(
      enabled: themeMode == ThemeMode.light,
      onChanged: (bool value) {
        setState(() => themeMode = value ? ThemeMode.light : ThemeMode.dark);
      },
    );

Advanced usage

    YakoThemeSwitch(
      enabled: themeMode == ThemeMode.light,
      onChanged: (bool value) {
        setState(() => themeMode = value ? ThemeMode.light : ThemeMode.dark);
      },
      width: 50,
      enabledBackgroundColor: Colors.blue,
      disabledBackgroundColor: Colors.red,
      enabledToggleColor: Colors.white,
      disabledToggleColor: Colors.white,
      animationDuration: const Duration(milliseconds: 300),
      enabledToggleBorderRadius: 8,
    ),