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

scroll_date_picker 표지
패키지 상세v3.8.0

scroll_date_picker

Flutter용 사용자 정의가 가능하고 사용하기 쉬운 날짜 선택기 라이브러리입니다. Android, iOS, Web과 호환됩니다.

AndroidiOS
30일 다운로드
1.7만
좋아요
120
Pub 점수
150

패키지 설치

flutter pub add scroll_date_picker

패키지 개요

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

Flutter용 사용자 정의가 가능하고 사용자 친화적인 날짜 선택기 라이브러리로, Android, iOS 및 웹 플랫폼 간의 원활한 통합을 위해 설계되었습니다. 스크롤 기반 인터페이스를 통해 날짜를 선택할 수 있으며 직관적이고 현대적인 경험을 제공합니다. 최소한의 설정으로 쉽게 구현 가능하며, 외관과 동작에 대한 커스터마이징을 지원합니다. 복잡한 구성 없이 부드러운 날짜 선택이 필요한 애플리케이션에 적합합니다.

사용 사례

  • 양식 내 날짜 선택
  • 캘린더 기반 앱 인터페이스
  • 여행 예약 시스템
  • 이벤트 스케줄링 도구
  • 사용자 프로필 날짜 입력

주요 기능

  • 스크롤 기반의 날짜 선택
  • 크로스 플랫폼 호환성
  • 사용자 지정 가능한 UI
  • 간단한 통합
  • 반응형 디자인

적합한 대상

  • 경량 날짜 선택기 찾는 개발자
  • 다중 플랫폼을 대상으로 하는 앱
  • 직관적인 날짜 입력이 필요한 프로젝트
  • 사용자 인터페이스 중심 애플리케이션
  • 빠른 프로토타이핑

고려 사항

  • 날짜만 선택 가능
  • 시간 선택기 지원 없음
  • 최소 내장 검증
  • 고급 사용자 정의를 위해 외부 스타일에 의존합니다
  • 기본적으로 로컬라이제이션이 제공되지 않음

원본 README

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

Scroll Date Picker

A customizable and easy-to-use date picker library for Flutter.

Compatible with Android & iOS & Web. :heart_eyes:

pub


Showcase


Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  scroll_date_picker : "^lastest_version"

Usage

Need to include the import the package to the dart file where it will be used, refer the below command

import 'package:scroll_date_picker/scroll_date_picker.dart';

Complete example

import 'package:flutter/material.dart';
import 'package:scroll_date_picker/scroll_date_picker.dart';

void main() {
  runApp(MaterialApp(home: const MyApp()));
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  DateTime _selectedDate = DateTime.now();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Scroll Date Picker Example"),
        centerTitle: true,
      ),
      body: Column(
        children: [
          Container(
            height: 100.0,
            alignment: Alignment.center,
            child: Text(
              "$_selectedDate",
              style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.w500),
            ),
          ),
          Container(
            alignment: Alignment.centerRight,
            padding: const EdgeInsets.only(right: 48),
            child: TextButton(
              onPressed: () {
                setState(() {
                  _selectedDate = DateTime.now();
                });
              },
              child: Text(
                "TODAY",
                style: TextStyle(color: Colors.red),
              ),
            ),
          ),
          SizedBox(
            height: 250,
            child: ScrollDatePicker(
              selectedDate: _selectedDate,
              locale: Locale('en'),
              onDateTimeChanged: (DateTime value) {
                setState(() {
                  _selectedDate = value;
                });
              },
            ),
          ),
          /// Showcase second image source
      // SizedBox(
          //   height: 250,
          //   child: ScrollDatePicker(
          //     selectedDate: _selectedDate,
          //     locale: Locale('ko'),
          //     scrollViewOptions: DatePickerScrollViewOptions(
          //       year: ScrollViewDetailOptions(
          //         label: '년',
          //         margin: const EdgeInsets.only(right: 8),
          //       ),
          //       month: ScrollViewDetailOptions(
          //         label: '월',
          //         margin: const EdgeInsets.only(right: 8),
          //       ),
          //       day: ScrollViewDetailOptions(
          //         label: '일',
          //       )
          //     ),
          //     onDateTimeChanged: (DateTime value) {
          //       setState(() {
          //         _selectedDate = value;
          //       });
          //     },
          //   ),
          // ),
        ],
      ),
    );
  }
}

License

Copyright 2020, the Flutter project authors. All rights reserved.

Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright
      notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above
      copyright notice, this list of conditions and the following
      disclaimer in the documentation and/or other materials provided
      with the distribution.
    * Neither the name of Google Inc. nor the names of its
      contributors may be used to endorse or promote products derived
      from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

카테고리

소스 저장소

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