搜尋套件、儲存庫與 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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。