플러터에서는 DatePicker를 통해 시간을 선택할 수 있는데, 선택할 수 있는 시간 형식을 원하는대로 설정하는 방법이 궁금하시다면 이 포스트를 읽어보세요.

1. CupertinoDatePicker 사용

플러터에서는 시간을 선택하기 위해 CupertinoDatePicker 위젯을 사용합니다. 시간 형식을 설정하려면 CupertinoDatePicker의 mode 속성을 이용하여 설정할 수 있습니다.

다음은 24시간 형식의 CupertinoDatePicker의 예시 코드입니다.

CupertinoDatePicker(
  mode: CupertinoDatePickerMode.time,
  initialDateTime: DateTime.now(),
  onDateTimeChanged: (dateTime) {
    // 시간이 변경될 때 수행할 작업
  },
)

2. DatePicker 모드 설정

위 코드에서 mode 속성을 CupertinoDatePickerMode.time으로 설정함으로써 시간을 선택할 수 있게 되며, 이때 24시간 형식이 기본값으로 적용됩니다.

다음은 AM/PM 형식의 CupertinoDatePicker를 나타내는 예시 코드입니다.

CupertinoDatePicker(
  mode: CupertinoDatePickerMode.dateAndTime,
  initialDateTime: DateTime.now(),
  onDateTimeChanged: (dateTime) {
    // 시간이 변경될 때 수행할 작업
  },
)

이렇게 코드를 수정하여 CupertinoDatePickerMode.dateAndTime 모드를 사용하면 AM/PM 형식으로 시간을 선택할 수 있습니다.

이제 원하는 시간 형식에 따라 CupertinoDatePicker의 mode 속성을 사용하여 시간을 선택할 수 있게 되었습니다.

플러터에서 시간 형식을 설정하는 방법을 배우셨다면 이제 해당 기능을 원하는대로 커스터마이징하여 사용할 수 있을 것입니다.

더 많은 정보는 Flutter 공식 문서를 참고하실 수 있습니다.