[flutter] 플러터에서 특정 시간 이후에 경고 메시지 표시하기

11 Dec 2023

flutter

플러터 앱에서 특정 시간이 지나면 사용자에게 경고 메시지를 표시해야 하는 경우가 있습니다. 이를 수행하기 위해 Flutter에서는 Future와 Timer 클래스를 사용할 수 있습니다. 이 블로그 포스트에서는 이러한 기능을 구현하는 방법을 살펴보겠습니다.

Future 클래스를 사용하여 특정 시간 후에 작업 예약하기

Future 클래스는 비동기 코드를 작성할 때 사용되며, 일정 시간이 지난 후에 작업을 예약하는 데 활용될 수 있습니다.

다음은 Future 클래스를 사용하여 5초 후에 특정 작업을 실행하는 예제 코드입니다.

Future.delayed(Duration(seconds: 5), () {
  // 5초 후에 실행될 작업
});

위 예제에서 Future.delayed 메서드를 사용하여 5초 후에 전달된 콜백 함수가 실행됩니다.

Timer 클래스를 사용하여 경고 메시지 표시하기

Timer 클래스를 사용하면 일정 시간이 경과한 후에 주기적으로 작업을 수행할 수 있습니다. 이를 활용하여 경고 메시지를 특정 시간 이후에 표시할 수 있습니다.

다음은 Timer 클래스를 사용하여 30초 후에 경고 메시지를 표시하는 예제 코드입니다.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Timer(Duration(seconds: 30), () {
                showDialog(
                  context: context,
                  builder: (BuildContext context) {
                    return AlertDialog(
                      title: Text('경고'),
                      content: Text('지정된 시간이 경과했습니다!'),
                    );
                  },
                );
              });
            },
            child: Text('경고 메시지 표시'),
          ),
        ),
      ),
    );
  }
}

위 예제에서 Timer 클래스를 사용하여 30초 후에 showDialog 함수가 실행되어 경고 메시지가 표시됩니다.

이제 Flutter 앱에서 특정 시간이 지난 후에 경고 메시지를 표시하는 방법을 구현하는 데 사용할 수 있습니다.

참고문헌:

목차

Future 클래스를 사용하여 특정 시간 후에 작업 예약하기

Timer 클래스를 사용하여 경고 메시지 표시하기