[flutter] 플러터 TimePicker에서 현재 시간 자동으로 선택하기

플러터의 TimePicker를 사용하면 사용자가 시간을 선택할 수 있도록 UI를 구성할 수 있습니다. 이때, 기본적으로는 현재 시간이 선택되지 않고, 사용자가 직접 시간을 선택해야 합니다. 하지만, 현재 시간을 자동으로 선택하고 싶다면 어떻게 해야 할까요?

현재 시간 자동으로 선택하기

플러터의 TimePicker에서 현재 시간을 자동으로 선택하려면, 현재 시간을 가져와서 TimePicker의 초기 값을 설정해주어야 합니다. 이를 위해 다음의 단계를 따르면 됩니다.

  1. TimeOfDay 클래스를 사용해 현재 시간을 가져옵니다.
    TimeOfDay currentTime = TimeOfDay.now();
    
  2. showTimePicker 메소드를 호출하여 TimePicker를 띄울 때, initialTime 속성에 현재 시간을 전달합니다.
    showTimePicker(
      initialTime: currentTime,
    );
    
  3. 위의 코드를 통해 TimePicker가 띄워질 때, 현재 시간이 자동으로 선택됩니다.

예제 코드

다음은 현재 시간을 자동으로 선택하는 예제 코드입니다.

import 'package:flutter/material.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TimePicker Example'),
        ),
        body: Center(
          child: ElevatedButton(
            child: Text('Show TimePicker'),
            onPressed: () {
              TimeOfDay currentTime = TimeOfDay.now();
              showTimePicker(
                context: context,
                initialTime: currentTime,
              );
            },
          ),
        ),
      ),
    );
  }
}

void main() {
  runApp(MyApp());
}

이 예제 코드를 실행하면, 버튼을 누르면 TimePicker가 나타나고 현재 시간에 해당하는 시간이 자동으로 선택됩니다.

결론

플러터의 TimePicker에서 현재 시간을 자동으로 선택하는 방법을 알아보았습니다. 위의 예제 코드를 참고하여 자신의 애플리케이션에 적용해보세요. 현재 시간을 미리 선택하면 사용자 경험이 향상되고, 편리함을 제공할 수 있습니다.