플러터에서는 간단하게 시간을 선택할 수 있는 TimePicker 위젯을 제공합니다. 이 위젯은 앱에서 시간을 선택하거나 설정하는 데 사용됩니다. 이제 플러터 TimePicker의 설정 가능한 속성에 대해 알아보도록 하겠습니다.

1. initialTime

TimePicker 위젯의 초기 시간을 설정하는 속성입니다. 이 속성을 사용하면 TimePicker가 처음에 보여줄 시간을 설정할 수 있습니다.

예시:

TimeOfDay _selectedTime = TimeOfDay(hour: 9, minute: 0);

TimePicker(
  initialTime: _selectedTime,
  ...
)

2. onTimeChanged

사용자가 시간을 변경할 때 호출되는 콜백 함수를 설정하는 속성입니다. 이 속성을 사용하면 사용자가 시간을 선택할 때마다 콜백 함수를 호출하여 선택한 시간을 처리할 수 있습니다.

예시:

TimeOfDay _selectedTime = TimeOfDay.now();

void _handleTimeChanged(TimeOfDay newTime) {
  setState(() {
    _selectedTime = newTime;
  });
}

TimePicker(
  onTimeChanged: _handleTimeChanged,
  ...
)

3. builder

TimePicker 위젯의 UI를 사용자 정의할 수 있는 속성입니다. 이 속성을 사용하면 기본 UI 외에도 사용자 정의된 UI를 만들어 시간 선택을 더욱 편리하게 할 수 있습니다.

예시:

Widget _customTimePickerBuilder(BuildContext context, Widget child) {
  return Container(
    // Custom UI code here
  );
}

TimePicker(
  builder: _customTimePickerBuilder,
  ...
)

위에서 소개한 속성들은 플러터 TimePicker에서 사용할 수 있는 주요 속성입니다. 이를 활용하여 앱에 맞게 시간 선택 기능을 구현해보세요.

[참고 링크]

• Flutter - TimePicker class