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

time_picker_spinner_pop_up 표지
패키지 상세v3.0.0

time_picker_spinner_pop_up

스피너 커퍼티노 스타일을 사용하여 날짜 및 시간 선택을 위한 팝업 앵커를 표시하는 패키지

AndroidiOSmacOSWindowsLinux
30일 다운로드
6.8천
좋아요
185
Pub 점수
150

패키지 설치

flutter pub add time_picker_spinner_pop_up

패키지 개요

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

Cupertino 스타일 디자인을 사용하여 스피너 기반의 시간 선택기와 함께 팝업 대화 상자를 표시하는 플러터 패키지입니다. 직관적인 스피너를 통해 사용자가 시간 값을 선택할 수 있으며, 여러 플랫폼에서 네이티브처럼 느껴지는 시간 선택 경험을 필요로 하는 앱에 적합합니다. 특정 위젯에 고정된 팝업은 기존 UI에 원활하게 통합될 수 있도록 해줍니다. 안드로이드, iOS, macOS, Windows 및 리눅스에서 간단함과 일관성을 위해 설계되었습니다.

사용 사례

  • 양식 내 시간 선택
  • 스케줄링 기능
  • 사용자 선호 설정
  • 모바일 중심 애플리케이션 인터페이스
  • 크로스 플랫폼 시간 선택기

주요 기능

  • Cupertino 스타일의 스피너 인터페이스
  • 목표 위젯에 고정된 팝업
  • 여러 플랫폼을 지원합니다
  • Flutter와의 간단한 통합
  • 사용자 지정 가능한 시간 형식

적합한 대상

  • 크로스 플랫폼 앱을 개발하는 개발자
  • 사용자 인터페이스 중심 애플리케이션
  • 네이티브처럼 보이는 시간 선택기 필요 앱
  • 폼 중심 애플리케이션
  • iOS 스타일 디자인 애호가

고려 사항

  • 시간 선택에만 제한됨
  • 날짜 선택기가 포함되어 있지 않습니다
  • 시간 값 파싱을 수동으로 처리해야 합니다
  • 복잡한 날짜 및 시간 워크플로에 적합하지 않습니다
  • 스타일링을 위해 외부 종속성에 의존합니다

원본 README

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

A beautiful and animated time picker spinner pop up.

Here are some supported style:

Time picker

DEMO

Date picker

DEMO

Usage

Short implementation:
        TimePickerSpinnerPopUp(
          mode: CupertinoDatePickerMode.time,
          initTime: DateTime.now(),
          onChange: (dateTime) {
            // Implement your logic with select dateTime
          },
        )
Full implementation:
        TimePickerSpinnerPopUp(
          mode: CupertinoDatePickerMode.date,
          initTime: DateTime.now(),
          minTime: DateTime.now().subtract(const Duration(days: 10)),
          maxTime: DateTime.now().add(const Duration(days: 10)),
          barrierColor: Colors.black12, //Barrier Color when pop up show
          minuteInterval: 1,
          padding : const EdgeInsets.fromLTRB(12, 10, 12, 10),
          cancelText : 'Cancel',
          confirmText : 'OK',
          pressType: PressType.singlePress,
          timeFormat: 'dd/MM/yyyy',
          // Customize your time widget
          // timeWidgetBuilder: (dateTime) {},
          onChange: (dateTime) {
          // Implement your logic with select dateTime
          },
        )
Locale:

You can set custom locale with

    locale: Locale('vi'),

But remember to add localizationsDelegates to your MaterialApp:

    MaterialApp(
        localizationsDelegates: const [
            GlobalMaterialLocalizations.delegate,
            GlobalWidgetsLocalizations.delegate,
            GlobalCupertinoLocalizations.delegate,
        ],
        ...
    )

License

Copyright (c) 2021 Tuannvm

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

카테고리

의존성

의존성 목록 1 개

소스 저장소

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

아직 데이터가 없습니다.