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

ducafecatFlutter 생태계 탐색
counter_button 표지
패키지 상세v1.0.1

counter_button

카운터 버튼은 카운터 값을 증가 또는 감소할 때 애니메이션 효과가 있는 버튼을 만들 수 있도록 해주는 플러터 라이브러리입니다。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 문서 소스 코드
30일 다운로드
270
좋아요
31
Pub 점수
160

패키지 설치

flutter pub add counter_button

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Counter Button은 카운터 값을 증가 및 감소시키는 애니메이션 버튼을 제공하는 플러터 라이브러리입니다. 상태 변경 시 부드러운 시각적 피드백을 통해 사용자 상호작용을 향상시켜 수치 입력 컨트롤에 적합합니다. 이 패키지는 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 다양한 플랫폼을 지원합니다. `flutter pub add counter_button`를 통해 최소한의 설정으로 애니메이션 카운터를 앱에 쉽게 통합할 수 있습니다. 가벼운 설계로 성능과 사용 편의성에 중점을 두고 있습니다.

사용 사례

  • 인터랙티브 숫자 입력
  • 게임화 요소
  • 쇼핑카트 수량 조절
  • 폼 필드 조정
  • 상태 변경에 대한 UI 피드백

주요 기능

  • 애니메이션 카운터 전환
  • 크로스 플랫폼 호환성
  • pubspec.yaml과의 간단한 통합
  • 사용자 정의 가능한 외관
  • 상태 변경 시 부드러운 UI 피드백

적합한 대상

  • 애니메이션 카운터를 찾는 개발자
  • 상호작용형 숫자 입력이 필요한 앱
  • 마이크로 인터랙션에 집중하는 UI 디자이너
  • 초보자용 Flutter 프로젝트
  • 다중 플랫폼을 대상으로 하는 프로젝트

고려 사항

  • 기본 카운터 기능에 국한됨
  • 내장된 검증 또는 경계 확인 없음
  • 외부 애니메이션 라이브러리에 의존합니다
  • 복잡한 디자인을 위해 추가적인 스타일링이 필요할 수 있습니다
  • 최적화 없이 고주기 업데이트에는 적합하지 않음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

counter_button

pub package GitHub stars GitHub forks GitHub license GitHub issues

Counter Button is a flutter library that allows you to create a button with animation effects when you increase or decrease the counter value.

Screenshots

Demo Loading demo

Installing

dependencies:
  counter_button: ^1.0.1
Import
import 'package:counter_button/counter_button.dart';

How To Use

CounterButton(
  loading: false,
  onChange: (int val) {
    setState(() {
      _counterValue = val;
    });
  },
  count: _counterValue,
  countColor: Colors.purple,
  buttonColor: Colors.purpleAccent,
  progressColor: Colors.purpleAccent,
)

parameters

parameter description default
count Value of the counter
countColor Color of the counter Colors.black
onChange Value change callback when the buttons are pressed
loading For showing the linear progress indicator
progressColor Color of the progress indicator Colors.black
buttonColor Color of the icon button Colors.black
addIcon Add button icon
removeIcon Remove button icon const Icon(Icons.remove)

Bugs & Requests

If you encounter any bugs feel free to open an issue. Raise a ticket on github for suggestions. Pull request are also welcome.

Flutter

For help getting started with Flutter, view our online documentation.

For help on editing plugin code, view the documentation.

License

MIT License

카테고리

스핀 박스

소스 저장소

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

아직 데이터가 없습니다.