패키지, 저장소 및 앱 카테고리 검색

lite_rolling_switch 표지
패키지 상세v1.0.1

lite_rolling_switch

아름답고 매력적인 애니메이션을 갖춘 사용자 지정 스위치 버튼으로 색상, 아이콘 및 기타 미적 콘텐츠를 사용자 정의할 수 있습니다. 이제 null 안전성을 지원합니다.

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 요소
  • 사용자 선호 설정 전환
  • 모바일 및 웹 앱에서의 시각적 피드백

주요 기능

  • 부드러운 스크롤 애니메이션
  • 사용자 정의 가능한 색상 및 아이콘
  • 널 안전성 지원
  • 크로스 플랫폼 호환성
  • 경량이고 성능이 뛰어남
  • 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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.