flutter_touch_spin

패키지 개요

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

Flutter용 간단한 숫자 입력 스피너 위젯으로, 부트스트랩 터치스핀에서 영감을 받았습니다. 터치에 친화적인 버튼을 통해 숫자 값을 증가시키고 감소시킬 수 있는 직관적인 인터페이스를 제공합니다. 이 패키지는 가볍고, 숫자 입력이 필요한 폼이나 설정에 쉽게 통합할 수 있습니다. 기본적인 사용자 정의를 지원하며, Flutter 위젯 트리 내에서 원활하게 작동합니다.

사용 사례

숫자 입력이 필요한 폼 입력
조정 가능한 값이 있는 설정
모바일 친화적인 번호 선택
전자상거래 수량 선택기
간단한 데이터 입력 인터페이스

주요 기능

터치 친화적인 위아래 버튼
사용자 정의 가능한 단계 크기
최소 구성
반응형 디자인
기존 양식과의 간편한 통합

적합한 대상

모바일 폼을 개발하는 개발자
접근성 있는 숫자 입력을 찾는 UI 디자이너
경량 스피너가 필요한 프로젝트
자주 수치 조정이 필요한 앱
Flutter 초보자가 입력 위젯 탐색 중

고려 사항

기본 기능에 국한됨
내장된 검증 없음
복잡한 숫자 범위에 적합하지 않습니다
키보드 입력 지원 없음
Flutter의 제스처 시스템에 의존합니다

원본 README

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

Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin

Getting Started

TouchSpin(
    min: 5,
    max: 100,
    step: 5,
    value: 10,
    displayFormat: NumberFormat.currency(locale: 'en_US', symbol: '\$'),
    textStyle: const TextStyle(fontSize: 36),
    iconSize: 48.0,
    addIcon: const Icon(Icons.add_circle_outline),
    subtractIcon: const Icon(Icons.remove_circle_outline),
    iconActiveColor: Colors.green,
    iconDisabledColor: Colors.grey,
    iconPadding: const EdgeInsets.all(20),
    onChanged: (val){
        print(val);
    },
),

Attributes

Attribute	Type	Default
`value`	`num`	`1`
`min`	`num`	`1`
`max`	`num`	`9999999`
`step`	`num`	`1`
`displayFormat`	`NumberFormat`
`textStyle`	`TextStyle`	`TextStyle(fontSize: 24)`
`iconSize`	`double`	`24.0`
`addIcon`	`Icon`	`Icon(Icons.add)`
`subtractIcon`	`Icon`	`Icon(Icons.remove)`
`iconActiveColor`	`Color`	`Theme.of(context).textTheme.button.color`
`iconDisabledColor`	`Color`	`Theme.of(context).disabledColor`
`iconPadding`	`EdgeInsetsGeometry`	`EdgeInsets.all(4.0)`
`onChanged`	`ValueChanged<num>`

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

flutter_touch_spin

패키지 설치

패키지 개요

사용 사례

주요 기능

적합한 대상

고려 사항

원본 README

flutter_touch_spin

Getting Started

Attributes

카테고리

의존성

소스 저장소

flutter_touch_spin

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