플러터에서 제공하는 TimePicker는 사용자가 시간을 선택할 수 있는 간편한 기능을 제공합니다. 하지만 때로는 사용자가 선택한 시간을 취소할 필요가 있을 수 있습니다. 이번 포스트에서는 플러터 TimePicker에서 선택한 시간을 취소하는 방법에 대해 알아보겠습니다.

TimePicker의 선택한 시간 취소하기

플러터에서 TimePicker를 사용하려면 showTimePicker 함수를 사용해야 합니다. 이 함수는 사용자가 시간을 선택하고 확인 버튼을 누르면 Future를 반환합니다. 이 Future를 통해 선택한 시간을 가져와 원하는 동작을 수행할 수 있습니다.

다음은 TimePicker를 띄우고 사용자가 선택한 시간을 출력하는 간단한 예제 코드입니다.

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

  if (selectedTime != null) {
    print('Selected time: ${selectedTime.format(context)}');
  } else {
    print('No time selected');
  }
}

위의 코드에서 showTimePicker 함수를 호출하고 사용자가 선택한 시간을 selectedTime 변수에 저장합니다. 이후 selectedTime이 null이 아닌 경우 선택한 시간을 출력하고, null인 경우 “No time selected”를 출력합니다.

선택한 시간 취소하기

TimePicker에서 선택한 시간을 취소하는 가장 간단한 방법은 선택한 시간 변수를 null로 설정하는 것입니다. 즉, 사용자가 시간을 선택하면 해당 변수에 선택한 시간이 저장되고, 선택을 취소하면 null로 설정됩니다.

다음은 선택한 시간을 취소하는 예제 코드입니다.

TimeOfDay? selectedTime;

void cancelTimeSelection() {
  setState(() {
    selectedTime = null;
  });
}

위의 코드에서 cancelTimeSelection 함수는 selectedTime 변수를 null로 설정합니다. 이 함수를 호출하면 선택한 시간이 취소됩니다.

마무리

플러터에서 TimePicker에서 선택한 시간을 취소하는 방법에 대해 알아보았습니다. 선택한 시간을 취소하려면 변수를 null로 설정해주면 됩니다. 이러한 방법을 사용하여 사용자가 선택한 시간을 취소하는 기능을 구현할 수 있습니다.