搜尋套件、儲存庫與 APP 分類

switcher 封面
套件詳情v1.0.0

switcher

一個美觀的、帶有動畫效果且可個性化設定的開關組件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
354
喜歡數
45
Pub 分數
140

安裝套件

flutter pub add switcher

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Switcher 是一個視覺上吸引人的、帶有動畫效果的 Flutter 開關組件,允許開發者創建可自定義的切換開關並實現平滑過渡。設計優雅且注重個人化,支援多種樣式、顏色和動畫,非常適合現代使用者介面。此套件具備跨平台特性,可在 Android、iOS、Web、macOS、Windows 和 Linux 上順暢運行。可透過 pub.dev 輕鬆整合,並提供乾淨的 API 以快速實作。適用於設定、主題切換或任何需要美觀外觀的開/關功能。

適用情境

  • 自訂主題切換
  • 使用者偏好開關
  • 開關狀態指示器
  • 互動式 UI 元素
  • 設定面板

主要特色

  • 動畫過渡
  • 高度可自訂的設計
  • 跨平台支援
  • 流暢的使用者互動
  • 與 Flutter 的輕鬆整合
  • 個人化外觀選項

適合對象

  • 尋求視覺精緻的UI設計師
  • 開發互動式設定的開發者
  • 需要優雅切換組件的應用程式
  • 跨平台應用程式
  • 重視使用者體驗的專案

使用建議

  • 可能需要額外的樣式設定以應對複雜使用案例
  • 大量實例帶來的效能影響
  • 有限的內建可存取性功能
  • 依賴外部動畫程式庫
  • 不適用於非互動式開關

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

logo

A animated, beautiful and personalized switcher component.

Based on Eduardo Muñoz's widget lite_rolling_switch

 

Pub Package Buy Me A Coffee

Overview

A animated and beautiful Switcher

Contributing
Getting Started

In pubspec.yaml:

dependencies:
  switcher: any
See how:
Using switcher Using switcher Using switcher Using switcher Using switcher Using switcher Using switcher Using switcher
import 'package:switcher/switcher.dart';

Switcher(
    value: false,
    size: SwitcherSize.large,
    switcherButtonRadius: 50,
    enabledSwitcherButtonRotate: true,
    iconOff: Icons.lock,
    iconOn: Icons.lock_open,
    colorOff: Colors.blueGrey.withOpacity(0.3),
    colorOn: Colors.blue,
    onChanged: (bool state) {
    //
    },
),

 Switcher(
    value: false,
    size: SwitcherSize.large,
    switcherButtonRadius: 50,
    iconOff: null,
    enabledSwitcherButtonRotate: false,
    colorOff: Colors.blueGrey.withOpacity(0.3),
    colorOn: Colors.blue,
    onChanged: (bool state) {
    //
    },
),

Features and bugs

Please send feature requests and bugs at the issue tracker.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。