[flutter] 플러터 DatePicker 구성 요소

08 Dec 2023

flutter

플러터에서는 사용자가 날짜나 시간을 선택할 수 있게 하는 DatePicker 구성 요소를 제공합니다. 이를 통해 애플리케이션 내에서 간편하게 날짜나 시간을 선택할 수 있습니다.

DatePicker 구성 요소 사용 방법

DatePicker 구성 요소를 사용하기 위해서는 먼저 showDatePicker 함수를 호출합니다. 이 함수는 다음과 같이 호출할 수 있습니다.

showDatePicker(
  context: context,
  initialDate: DateTime.now(),
  firstDate: DateTime(2022),
  lastDate: DateTime(2023),
  builder: (BuildContext context, Widget child) {
    return Theme(
      data: ThemeData.light(),
      child: child,
    );
  },
);

위의 예시에서 context는 현재의 빌드 컨텍스트, initialDate는 초기에 플러터가 보여줄 날짜, firstDate는 선택 가능한 가장 빠른 날짜, lastDate는 선택 가능한 가장 늦은 날짜를 나타냅니다. 또한 builder 함수를 사용하여 DatePicker의 디자인을 수정할 수도 있습니다.

DatePicker의 속성들

DatePicker를 사용할 때 설정 가능한 여러 가지 속성이 있습니다. 예를 들어, locale 속성을 사용하여 DatePicker의 언어를 변경할 수 있으며, initialEntryMode 속성을 사용하여 처음 DatePicker를 열 때 표시되는 화면을 설정할 수 있습니다.

showDatePicker(
  context: context,
  initialDate: DateTime.now(),
  firstDate: DateTime(2022),
  lastDate: DateTime(2023),
  locale: Locale('ko', 'KO'),
  initialEntryMode: DatePickerEntryMode.calendar,
);

요약

플러터에서 제공하는 DatePicker 구성 요소는 사용자가 편리하게 날짜나 시간을 선택할 수 있도록 도와줍니다. 다양한 설정 옵션을 활용하여 애플리케이션에 맞게 커스터마이징할 수 있습니다. DatePicker를 효과적으로 활용하여 사용자 경험을 향상시켜보세요.

참고 문헌:

https://api.flutter.dev/flutter/material/showDatePicker.html