搜索插件、代码仓与 APP 分类

插件详情v3.0.1

yako_theme_switch

用于更改应用主题的外观良好的自定义开关

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
24
喜欢数
31
Pub 分数
160

安装插件

flutter pub add yako_theme_switch

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个可自定义且视觉上吸引人的开关小部件,专为在 Flutter 应用中切换应用主题而设计。采用流畅的动画和响应式反馈,提升用户在切换亮色和暗色模式时的体验。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台,确保在不同设备上行为一致。可轻松集成到现有的 Flutter 项目中,设置简单。

适合场景

  • 在浅色和深色主题之间切换
  • 增强主题偏好设置的用户界面/用户体验
  • 在设置屏幕中集成主题切换功能
  • 创建响应式设计元素
  • 自定义主题切换外观
  • 支持跨平台主题管理

主要特点

  • 平滑的动画过渡
  • 跨平台兼容性
  • 可自定义外观
  • 轻松集成到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,
    ),

Check out other Yako packages:

Badges

Settings UI

Status Alert

Full Screen Menu

Diagonal decoration

and more to come!

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。