[flutter] 플러터 DatePicker에 날짜 범위 표시하기

플러터(Flutter) 앱을 개발할 때 DatePicker를 사용하여 날짜를 선택하는 기능을 구현해야 하는 경우가 많습니다. 사용자가 특정 날짜 범위 내에서만 선택할 수 있도록 DatePicker를 설정하는 방법에 대해 알아보겠습니다.

DatePicker의 날짜 범위

일반적으로 DatePicker를 사용할 때 특정한 범위의 날짜만 선택할 수 있도록 제한하는 경우가 종종 있습니다. 예를 들어, 유효한 예약 날짜를 선택하도록 하는 등의 상황에서 유용하게 활용됩니다.

플러터에서의 DatePicker 설정

플러터에서는 showDatePicker 메서드를 사용하여 DatePicker를 띄울 수 있습니다. 이 메서드를 활용하여 날짜 범위를 설정하는 방법은 다음과 같습니다.

DateTime selectedDate = DateTime.now();

Future<void> _selectDate(BuildContext context) async {
  final DateTime picked = await showDatePicker(
    context: context,
    initialDate: selectedDate,
    firstDate: DateTime(2022),
    lastDate: DateTime(2023),
  );
  if (picked != null && picked != selectedDate)
    setState(() {
      selectedDate = picked;
    });
}

위 코드에서 firstDatelastDate를 이용하여 선택 가능한 날짜의 범위를 설정할 수 있습니다. 이제 showDatePicker를 호출할 때마다 사용자는 2022년부터 2023년 사이의 날짜만 선택할 수 있게 됩니다.

결론

플러터를 사용하여 DatePicker를 구현하면서 사용자가 특정한 날짜 범위 내에서만 선택하도록 제한하는 방법을 알아보았습니다. 이를 활용하여 더욱 다양하고 유용한 앱을 개발할 수 있을 것입니다.

더 많은 정보를 원하시면 플러터 공식 문서를 참고하시기 바랍니다.