[flutter] 플러터에서 시간을 이용하여 스톱워치 구현하기
플러터 어플리케이션에서 스톱워치를 구현하기 위해서는 Dart의 Timer
클래스를 사용할 수 있습니다. 이 클래스를 이용하여 특정 시간 간격마다 작업을 반복할 수 있습니다. 스톱워치를 구현하기 위해선 아래와 같은 단계를 따를 수 있습니다.
1. Timer
클래스 임포트하기
import 'dart:async';
2. 스톱워치 상태를 관리하는 변수 추가하기
bool isRunning = false;
int currentTime = 0;
3. 스톱워치 시작, 일시정지, 리셋 기능 구현하기
void startStopwatch() {
Timer.periodic(Duration(seconds: 1), (timer) {
if (!isRunning) {
timer.cancel();
} else {
setState(() {
currentTime++;
});
}
});
}
void startStopwatch() {
setState(() {
isRunning = true;
});
}
void pauseStopwatch() {
setState(() {
isRunning = false;
});
}
void resetStopwatch() {
setState(() {
currentTime = 0;
});
}
4. UI에 스톱워치 표시하기
Text(
'Time: $currentTime seconds',
style: TextStyle(fontSize: 20),
),
이제 이러한 단계를 따르면 플러터 어플리케이션에서 간단한 스톱워치를 구현할 수 있습니다. 이를 통해 사용자들은 원하는 시간 간격으로 작업을 반복하거나 시간을 계산하는 등 다양한 활용이 가능합니다.
참고자료: