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

lite_rolling_switch のカバー
パッケージ詳細v1.0.1

lite_rolling_switch

美しいアニメーションを備えたカスタムスイッチボタンで、色やアイコン、その他の装飾的なコンテンツをカスタマイズできます。null safetyをサポートしています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
756
いいね数
286
Pub ポイント
130

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

flutter pub add lite_rolling_switch

パッケージ概要

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

Lite Rolling Switch は、滑らかで視覚的に魅力的なアニメーションを備えたカスタマイズ可能な Flutter スイッチウィジェットです。開発者はアプリのデザインに合わせて色、アイコン、その他の視覚要素を調整できます。null safety に対応しており、Android、iOS、Web、macOS、Windows、Linux など複数のプラットフォームをサポートしています。パッケージは軽量で簡単に統合できるため、重いオーバーヘッドなしに魅力的なトグルインターフェースが必要なアプリに最適です。

用途

  • フォーム内のカスタムトグルスイッチ
  • インタラクティブな設定パネル
  • ダッシュボード内のアニメーションUI要素
  • ユーザー設定のトグル
  • モバイルおよびウェブアプリケーションにおける視覚フィードバック

主な機能

  • スムーズなスクロールアニメーション
  • カスタマイズ可能な色とアイコン
  • null 安全性のサポート
  • クロスプラットフォーム互換性
  • 軽量でパフォーマンスに優れる
  • Flutter との簡単な統合

適している対象

  • アニメーションスイッチを探している開発者
  • デザイン重視のアプリケーション
  • インタラクティブなトグルが必要なアプリ
  • Flutter 初心者がウィジェットを探求する
  • 複数のプラットフォームをターゲットにするプロジェクト

注意事項

  • 装飾的なカスタマイズに限定
  • 組み込みの状態管理なし
  • 複雑なフォームロジックには適していません
  • onToggle イベントの手動処理が必要です
  • シンプルなトグル機能のみに最適

元の README

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

lite_rolling_switch

Full customable rolling switch widget for flutter apps based on Pedro Massango's 'crazy-switch' widget https://github.com/pedromassango/crazy-switch

About

Custom Switch button with attractive animation, made to allow you to customize colors, icons and other cosmetic content. Manage the widget states in the same way you do with the classical material's switch widget.

NOTE: Currently, you cannot directly change the widget height properties. This feature will be available soon.

Previews

Image preview

Image preview 2

Basic Implementation

import 'package:lite_rolling_switch/lite_rolling_switch.dart';

LiteRollingSwitch(
    //initial value
    value: true,
    textOn: 'disponible',
    textOff: 'ocupado',
    colorOn: Colors.greenAccent[700],
    colorOff: Colors.redAccent[700],
    iconOn: Icons.done,
    iconOff: Icons.remove_circle_outline,
    textSize: 16.0,
    onChanged: (bool state) {
      //Use it to manage the different states
      print('Current State of SWITCH IS: $state');
    },
),

Tests

To executed included unit tests run flutter test. Feel free to Pull Request your own Unit Test to improve this package!

Changelog

Visit the complete changelog here.

Contributors

Other collaborators

License

This project has been published under an MIT license, you can consult the license terms in detail here.

Other

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。