플러터의 DatePicker는 날짜나 시간을 선택하기 위한 화면을 제공합니다. 이는 앱 내에서 날짜나 시간을 입력받아야 하는 경우에 유용하게 활용될 수 있습니다. 플러터에는 DatePicker의 두 가지 모드인 캘린더 모드와 시계 모드가 있습니다. 이 두 모드는 각각 다른 상황에서 사용될 수 있습니다. 이번 글에서는 플러터의 DatePicker를 사용하는 방법과 캘린더 모드와 시계 모드에 대해 자세히 알아보겠습니다.

DatePicker 캘린더 모드

플러터에서 DatePicker를 캘린더 모드로 설정하면, 사용자는 캘린더에서 원하는 날짜를 선택할 수 있습니다. 이 모드는 특정일을 선택해야 하는 상황에서 유용합니다.

아래는 DatePicker를 캘린더 모드로 설정하는 예제 코드입니다.

showDatePicker(
  context: context,
  initialDate: DateTime.now(),
  firstDate: DateTime(2021),
  lastDate: DateTime(2022),
);

위 코드에서 showDatePicker 함수를 사용하여 캘린더 모드의 DatePicker를 화면에 표시합니다. initialDate는 DatePicker가 처음에 표시할 날짜를 설정하고, firstDate와 lastDate는 사용자가 선택할 수 있는 날짜의 범위를 지정합니다.

DatePicker 시계 모드

반면, DatePicker를 시계 모드로 설정하면, 사용자는 시간을 선택할 수 있습니다. 이 모드는 시간을 입력받아야 하는 상황에서 활용됩니다.

아래는 DatePicker를 시계 모드로 설정하는 예제 코드입니다.

showTimePicker(
  context: context,
  initialTime: TimeOfDay.now(),
);

showTimePicker 함수를 사용하여 시계 모드의 DatePicker를 화면에 표시합니다. initialTime은 처음에 표시할 시간을 설정합니다.

결론

플러터의 DatePicker를 사용하면 사용자가 날짜나 시간을 쉽게 선택할 수 있습니다. 캘린더 모드와 시계 모드는 각각 날짜와 시간을 입력받는 상황에 적합하게 사용될 수 있습니다.

더 많은 자세한 정보는 플러터 공식 문서를 확인하세요.