numberpicker

패키지 개요

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

NumberPicker는 스크롤 가능한 스피너를 통해 숫자를 선택할 수 있도록 해주는 Flutter 위젯으로, 숫자 값을 입력하는 데 직관적이고 상호작용적인 방법을 제공합니다. 부드러운 스크롤링, 사용자 정의 범위, 단계 증가 및 포맷팅 옵션을 지원합니다. 크로스플랫폼을 위한 설계로 Android, iOS, Web, macOS, Windows, Linux에서 원활하게 작동합니다. 나이, 수량, 설정 조정과 같은 정밀한 숫자 입력이 필요한 양식에 적합합니다.

사용 사례

숫자 값이 있는 폼 입력
볼륨이나 속도와 같은 설정 조정
쇼핑카트에서 수량 선택
나이 또는 생년월일 입력
UI에서 사용자 정의 가능한 숫자 범위

주요 기능

스크롤 가능한 스피너 인터페이스
사용자 정의 가능한 최소/최대 값
단계 증분 제어
사용자 정의 형식 지정 지원
크로스 플랫폼 호환성
스크롤 중 부드러운 애니메이션

적합한 대상

폼 기반 앱을 개발하는 개발자
인터랙티브 숫자 입력이 필요한 UI 디자이너
정밀한 숫자 선택이 필요한 앱
다양한 장치를 대상으로 하는 크로스 플랫폼 애플리케이션

고려 사항

사용자 지정 외관을 위해 추가 스타일링이 필요할 수 있습니다
범위 경계를 초과한 내장 검증은 제한적입니다
매우 큰 숫자 범위를 사용할 때의 성능 영향
숫자가 아닌 데이터 유형에는 적합하지 않습니다

원본 README

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

NumberPicker is a custom widget designed for choosing an integer or decimal number by scrolling spinners.

ezgif com-gif-maker

Example:

(See example for more)

class _IntegerExample extends StatefulWidget {
  @override
  __IntegerExampleState createState() => __IntegerExampleState();
}

class __IntegerExampleState extends State<_IntegerExample> {
  int _currentValue = 3;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        NumberPicker(
          value: _currentValue,
          minValue: 0,
          maxValue: 100,
          onChanged: (value) => setState(() => _currentValue = value),
        ),
        Text('Current value: $_currentValue'),
      ],
    );
  }
}