switcher

パッケージ概要

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

Switcher は、Flutter用の視覚的に魅力的でアニメーション付きのスイッチャー・ウィジェットであり、開発者が滑らかな遷移を伴うカスタマイズ可能なトグルスイッチを作成できるようにします。洗練されたデザインとカスタマイズ性を重視しており、さまざまなスタイル、色、アニメーションをサポートし、モダンなUIに最適です。クロスプラットフォーム対応で、Android、iOS、Web、macOS、Windows、Linuxでスムーズに動作します。pub.dev経由で簡単に統合でき、迅速な実装を可能にするクリーンなAPIを提供しています。設定やテーマ、または美観を重視するオン/オフ機能に最適です。

用途

カスタムテーマトグル
ユーザーの設定スイッチ
オン/オフ状態インジケーター
インタラクティブなUI要素
設定パネル

主な機能

アニメーション付きの遷移
高度にカスタマイズ可能なデザイン
クロスプラットフォーム対応
スムーズなユーザーインタラクション
Flutter との簡単な統合
パーソナライズされた外観オプション

適している対象

視覚的な洗練を求めるUIデザイナー
インタラクティブな設定を構築する開発者
洗練されたトグルコンポーネントを必要とするアプリ
クロスプラットフォームアプリケーション
ユーザー体験を重視するプロジェクト

注意事項

複雑な使用ケースには追加のスタイリングが必要になる場合があります
多数のインスタンスによるパフォーマンスへの影響
限定された組み込みアクセシビリティ機能
外部のアニメーションライブラリに依存しています
非対話型スイッチには適していません

元の README

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

A animated, beautiful and personalized switcher component.

Based on Eduardo Muñoz's widget lite_rolling_switch

Overview

A animated and beautiful Switcher

Contributing

https://github.com/tiagosito/switcher

Getting Started

In pubspec.yaml:

dependencies:
  switcher: any

See how:

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.

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール