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