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

wheel_chooser 표지
패키지 상세v1.1.2

wheel_chooser

WheelChooser는 휠 모양의 스피너를 스크롤하여 숫자/문자열/위젯을 선택할 수 있도록 해주는 위젯입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1.3만
좋아요
89
Pub 점수
130

패키지 설치

flutter pub add wheel_chooser

패키지 개요

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

WheelChooser는 숫자, 문자열 또는 사용자 정의 위젯과 같은 값을 선택하기 위한 시각적으로 매력적인 휠 기반 인터페이스를 제공하는 Flutter 위젯입니다. 물리적 스피너에서 영감을 받아 부드러운 애니메이션으로 옵션을 스크롤할 수 있으며, 양식, 설정 또는 상호작용 입력에 적합합니다. 이 패키지는 Android, iOS, 웹, macOS, Windows, Linux 등 여러 플랫폼을 지원하여 다양한 장치 간 일관된 동작을 보장합니다. 가볍고 쉽게 통합할 수 있어 직관적인 데이터 선택이 필요한 애플리케이션에 적합합니다.

사용 사례

  • 이산적인 선택을 가진 폼 입력
  • 시간 또는 날짜 선택기
  • 사용자 정의 숫자 선택기
  • 옵션 휠이 있는 설정
  • 상호작용형 교육 앱

주요 기능

  • 스무스 스크롤 애니메이션
  • 사용자 정의 위젯 지원
  • 크로스 플랫폼 호환성
  • 사용자 정의 가능한 항목 수
  • 기존 UI와의 간편한 통합
  • 반응형 디자인

적합한 대상

  • 폼 인터페이스를 구축하는 개발자
  • 시각적 데이터 선택이 필요한 앱
  • 교육용 또는 게임 애플리케이션
  • 다중 플랫폼 Flutter 프로젝트
  • 매력적인 입력 방식을 찾는 UI 디자이너

고려 사항

  • 대규모 데이터 세트의 경우 성능 조정이 필요할 수 있습니다
  • 제한된 내장 검증
  • 매우 높은 빈도의 업데이트에 최적화되지 않음
  • 접근성에 대한 신중한 스타일링이 필요합니다
  • 작은부터 중간 규모의 옵션 목록에 가장 적합

원본 README

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

wheel_chooser

pub package

WheelChooser is a widget allowing user to choose numbers/strings/widgets by scrolling spinners with wheel look.

vertical

Getting Started

Install
dependencies:
  wheel_chooser: ^1.1.2
Creating WheelChooser Widget

use it to show Strings

WheelChooser(
    onValueChanged: (s) => print(s),
    datas: ["a", "b", "c"],
  );

use it to show Integers

WheelChooser.integer(
    onValueChanged: (i) => print(i),
    maxValue: 10,
    minValue: 1,
    step: 2,
  );

use it to show display titles and return a value associated with the selected value


List<WheelChoice> aChoices = [
  WheelChoice(value: DateTime(2000,1,1,9,0), title: '9AM'),
  WheelChoice(value: DateTime(2000,1,1,9,30), title: '9:30AM'),
  WheelChoice(value: DateTime(2000,1,1,10,0), title: '10AM'),
  WheelChoice(value: DateTime(2000,1,1,10,30), title: '10:30AM'),
];

WheelChooser.choices(
    choices = aChoices,
    onChoiceChanged: (value) {
      // returns DateTime of selected title
      print('selected time is ${value.hour} hours and ${value.minutes} minutes')
    }
  );

use it to show CustomWidgets

 WheelChooser.custom(
    onValueChanged: (a) => print(a),
    children: <Widget>[
      Text("data1"),
      Text("data2"),
      Text("data3"),
    ],
  );
Usage examples

vertical

WheelChooser.integer(
        onValueChanged: (s) => print(s.toString()),
        maxValue: 18,
        minValue: 1,
        initValue: 5,
        unSelectTextStyle: TextStyle(color: Colors.grey),
      )

vertical

WheelChooser.integer(
        onValueChanged: (s) => print(s.toString()),
        maxValue: 20,
        minValue: 1,
        initValue: 9,
        horizontal: true,
        unSelectTextStyle: TextStyle(color: Colors.grey),
      )

From v0.1.1 support Infinite. From v1.0.0 support null safe.

카테고리

소스 저장소

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