number_selection

패키지 개요

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

시각적으로 매력적이고 상호작용적인 숫자 선택 위젯을 제공하는 플러터 패키지로, 멋진 개념 디자인에서 영감을 받았습니다. 사용자는 직관적인 스크롤링 또는 탭으로 숫자를 선택할 수 있으며, 양식, 설정 또는 어떤 숫자 선택이 필요한 입력에도 적합합니다. 이 위젯은 사용자 정의가 가능하며 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 여러 플랫폼을 지원합니다. 부드러운 애니메이션과 반응성 있는 피드백으로 사용자 경험을 향상시킵니다.

사용 사례

숫자 선택이 필요한 폼 입력
조정 가능한 값이 있는 설정
인터랙티브 UI 컴포넌트
모바일 및 데스크톱 애플리케이션
사용자 정의 숫자 입력 인터페이스

주요 기능

스무스 스크롤 인터페이스
크로스 플랫폼 호환성
사용자 정의 가능한 외관
반응형 터치 상호작용
애니메이션 전환
키보드 탐색을 지원합니다

적합한 대상

폼 기반 앱을 개발하는 개발자
디자인 중심의 UI 구현
다중 플랫폼 Flutter 프로젝트
직관적인 숫자 입력이 필요한 앱

고려 사항

통합을 위해 추가적인 스타일링이 필요할 수 있습니다
숫자 입력만 가능
대규모 데이터 세트에 대한 성능 영향
매우 높은 빈도의 업데이트에 최적화되지 않음

원본 README

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

Example

Demo

How to use

Import number_selection.dart

import 'package:number_selection/number_selection.dart';

And here an use example

NumberSelection(
    theme: NumberSelectionTheme(
        draggableCircleColor: Colors.blue,
        iconsColor: Colors.white,
        numberColor: Colors.white,
        backgroundColor: Colors.deepPurpleAccent,
        outOfConstraintsColor: Colors.deepOrange),
    initialValue: 1,
    minValue: -10,
    maxValue: 10,
    direction: Axis.vertical,
    withSpring: true,
    onChanged: (int value) => print("value: $value"),
    enableOnOutOfConstraintsAnimation: true,
    onOutOfConstraints: () => print("This value is too high or too low"),
);

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

패키지 설치