[flutter] 플러터 DatePicker로 시간 선택하기

플러터(Flutter) 앱을 개발하다보면 사용자로부터 날짜나 시간을 선택받아야 하는 경우가 많습니다. 이때 DatePicker 위젯을 사용하면 간단하게 시간을 선택할 수 있습니다.

이 포스트에서는 플러터의 showDatePicker 메서드를 사용하여 날짜를 선택하는 방법을 다루겠습니다.

DateTime 객체 생성

DatePicker를 사용하기 전에 DateTime 객체를 생성해야 합니다. DateTime은 시간과 날짜를 나타내는 데 사용되는 플러터의 기본 클래스입니다. 다음은 DateTime 객체를 생성하는 간단한 예제입니다.

DateTime selectedDate = DateTime.now();

위 예제에서 DateTime.now() 메서드는 현재 시간과 날짜로 초기화된 DateTime 객체를 반환합니다.

DatePicker 호출

DateTime 객체를 생성한 후, showDatePicker 메서드로 사용자에게 DatePicker를 표시할 수 있습니다.

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

위 예제에서 showDatePicker 메서드는 context, initialDate, firstDate, lastDate 등의 매개변수를 사용합니다. 이를 통해 DatePicker를 표시하고 선택한 날짜를 반환받습니다.

선택된 날짜 사용

이제 선택된 날짜를 사용하여 다양한 작업을 수행할 수 있습니다. 예를 들어, 선택된 날짜를 화면에 표시하거나 다른 기능과 연동하여 활용할 수 있습니다.

Text('Selected date: ${selectedDate.year}-${selectedDate.month}-${selectedDate.day}')

위 코드는 선택된 날짜를 화면에 출력하는 예시입니다.

결론

플러터의 showDatePicker 메서드를 사용하면 사용자로부터 간단하게 날짜를 선택받을 수 있습니다. 이를 활용하여 다양한 앱을 개발할 수 있으며, 선택된 날짜를 활용하여 다른 기능과 연동할 수도 있습니다.