안녕하세요! 플러터(Flutter)에서 제공되는 TimePicker 기능에 대해 소개하려고 합니다. TimePicker는 사용자에게 시간을 선택하도록 도와주는 플러터의 내장 위젯입니다. 시간 선택이 필요한 애플리케이션에서 많이 사용되며, 간편하게 시간을 입력받을 수 있습니다.

TimePicker 사용하기

TimePicker를 사용하기 위해서는 먼저 date_time_picker 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일의 dependencies 섹션에 다음과 같이 패키지를 추가합니다:

dependencies:
  date_time_picker: ^2.0.0

이제 패키지를 추가했으니, 코드에서 TimePicker를 사용할 준비가 되었습니다.

import 'package:date_time_picker/date_time_picker.dart';

class MyTimePicker extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return DateTimePicker(
      type: DateTimePickerType.time,
      // 앞에서 추가한 패키지에서 제공하는 DateTimePicker 위젯
      firstTime: TimeOfDay(hour: 8, minute: 0),
      // 시간 선택의 시작 시간
      lastTime: TimeOfDay(hour: 18, minute: 0),
      // 시간 선택의 마지막 시간
      onChanged: (value) {
        print("선택된 시간: $value");
      },
    );
  }
}

이 예시 코드에서는 date_time_picker 패키지에서 제공하는 DateTimePicker 위젯을 사용했습니다. type 속성을 DateTimePickerType.time으로 설정하여 시간을 선택할 수 있도록 설정하고, firstTime과 lastTime 속성을 사용하여 사용자가 선택할 수 있는 시간 범위를 정의했습니다. onChanged 콜백을 사용하여 선택된 시간을 출력하도록 설정할 수도 있습니다.

참고 자료

• Flutter - date_time_picker 패키지 문서
• Flutter - DateTimePicker 위젯 문서

플러터의 TimePicker 기능을 사용해보고 싶다면, 위의 예시 코드와 참고 자료를 활용해 보세요. 시간 선택에 관련된 기능을 구현할 때 유용하게 사용할 수 있을 것입니다.