플러터에서는 TimePicker를 사용하여 사용자가 원하는 시간을 선택할 수 있습니다. 이 예제에서는 선택한 시간을 확인하고 적용하는 방법에 대해 알아보겠습니다.

TimePicker 사용하기

먼저, showTimePicker 함수를 사용하여 TimePicker를 호출합니다. 이 함수는 BuildContext와 initialTime 매개변수를 필요로 합니다.

Future<void> _selectTime(BuildContext context) async {
  final TimeOfDay? selectedTime = await showTimePicker(
    context: context,
    initialTime: TimeOfDay.now(),
  );

  if (selectedTime != null) {
    // 선택한 시간 확인 및 적용하는 로직 작성
  }
}

위의 코드에서는 showTimePicker를 호출 후 selectedTime으로 선택한 시간을 받아옵니다. 만약 사용자가 시간을 선택하지 않고 취소를 누르는 경우, selectedTime은 null이 됩니다.

선택한 시간 확인 및 적용하기

selectedTime 변수에 선택한 시간이 들어왔다면, 해당 시간을 확인하고 적용할 수 있습니다. 아래는 예제입니다.

if (selectedTime != null) {
  final String formattedTime = selectedTime.format(context);
  print('Selected time: $formattedTime');

  // 선택한 시간을 적용하는 로직 작성
}

위의 코드에서는 selectedTime을 format 함수를 사용하여 문자열로 변환하고 출력합니다. 본인의 필요에 따라 해당 문자열을 사용하여 선택한 시간을 적용할 수 있습니다.

결론

이제 플러터의 TimePicker를 사용하여 사용자가 선택한 시간을 확인하고 적용하는 방법을 알게 되었습니다. 이를 활용하여 플러터 앱에 시간 선택 기능을 구현할 수 있습니다.

더 자세한 정보는 플러터 공식 문서를 참조하시기 바랍니다.

• showTimePicker
• TimeOfDay class