[flutter] 플러터 TimePicker에서 이전에 선택한 시간 기억하기

07 Dec 2023

flutter

플러터의 TimePicker 위젯은 시간을 선택할 수 있는 뷰를 제공합니다. 이전에 선택한 시간을 기억하는 기능을 추가하기 위해서는 몇 가지 단계를 따라야 합니다.

1. 시간 상태 변수 선언하기

먼저, 이전에 선택한 시간을 저장할 변수를 선언해야 합니다. 이 변수는 StatefulWidget 클래스 안에서 선언되어야 합니다. 다음과 같이 변수를 선언해주세요.

TimeOfDay _selectedTime;

2. TimePicker 위젯에 초기 값 설정하기

TimePicker 위젯을 사용할 때, 초기 값으로 이전에 선택한 시간을 설정할 수 있습니다. 이 때, 위에서 선언한 시간 변수를 사용하면 됩니다. 아래 예제는 초기 값으로 _selectedTime 변수를 사용하는 방법을 보여줍니다.

RaisedButton(
  onPressed: () async {
    final TimeOfDay pickedTime = await showTimePicker(
      context: context,
      initialTime: _selectedTime ?? TimeOfDay.now(),
    );

    if (pickedTime != null) {
      setState(() {
        _selectedTime = pickedTime;
      });
    }
  },
  child: Text('Select Time'),
)

3. 선택한 시간을 기억하기

TimePicker 위젯을 사용하여 시간을 선택하면, 선택한 시간을 변수에 저장해야 합니다. 위의 코드에서는 선택한 시간을 _selectedTime 변수에 저장하고, setState 메소드를 호출하여 위젯을 다시 그릴 수 있도록 합니다.

4. 이전에 선택한 시간 사용하기

이전에 선택한 시간은 _selectedTime 변수에 저장되어 있으므로, 필요한 곳에서 해당 변수를 사용할 수 있습니다. 예를 들어, 다른 위젯에서 선택한 시간을 표시하거나, 다음 번에 TimePicker를 열 때 초기 값으로 사용할 수 있습니다.

Text('Selected Time: ${_selectedTime?.hour}:${_selectedTime?.minute}')

이렇게하면 플러터 TimePicker에서 이전에 선택한 시간을 기억할 수 있습니다. 이 기능을 통해 사용자는 이전에 선택한 시간을 확인하고, 필요한 경우 수정할 수 있습니다.