yako_theme_switch

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutterアプリケーションでのアプリテーマ切り替えに特化して設計された、カスタマイズ可能で視覚的に魅力的なスイッチウィジェットです。滑らかなアニメーションと応答性の高いフィードバックを備えており、ライトモードとダークモードの切り替え時のユーザー体験を向上させます。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、デバイス間で一貫した動作を保証します。既存のFlutterプロジェクトへの統合は最小限のセットアップで可能です。

用途

ライトテーマとダークテーマの切り替え
テーマ設定のUI/UXの向上
設定画面にテーマ切り替え機能を統合する
レスポンシブデザイン要素の作成
テーマ切り替えの外観をカスタマイズする
クロスプラットフォームテーマ管理のサポート

主な機能

スムーズなアニメーション遷移
クロスプラットフォーム互換性
カスタマイズ可能な外観
Flutterアプリへの簡単な統合
ライトモード／ダークモードの組み込みサポート
応答性のあるタッチフィードバック

適している対象

テーマ対応アプリを開発する開発者
洗練されたスイッチを求めるUIデザイナー
プラットフォームに依存しないテーマ制御を必要とするプロジェクト
複数のオペレーティングシステムをターゲットにするアプリ
ユーザー体験と美的感覚に焦点を当てたチーム

注意事項

Flutter Widget の基礎知識が必要です
複雑なデザインには追加のスタイルが必要になる場合があります
Flutter のテーマシステムに依存しています
テーマ切り替え機能に限定
テーマ関連以外のスイッチには適していない

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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,
    ),