[flutter] 플러터에서 특정 시간 경과 후에 알림 메시지 표시하기

11 Dec 2023

flutter

앱에서 특정 시간이 경과한 후에 사용자에게 알림을 표시하려면 flutter_local_notifications 패키지를 사용할 수 있습니다.

1. flutter_local_notifications 패키지 추가하기

먼저 pubspec.yaml 파일에 flutter_local_notifications 패키지를 추가합니다.

dependencies:
  flutter_local_notifications: ^5.0.0+4

그런 다음, 터미널에서 아래 명령을 실행하여 패키지를 가져옵니다.

flutter pub get

2. 알림 설정하기

특정 시간 경과 후에 알림을 표시하려면 flutter_local_notifications 패키지의 기능을 사용할 수 있습니다. 예를 들어, 5초 후에 알림을 표시하려면 다음과 같이 설정할 수 있습니다.

import 'package:flutter_local_notifications/flutter_local_notifications.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
      FlutterLocalNotificationsPlugin();

  runApp(MyApp(flutterLocalNotificationsPlugin));
}

class MyApp extends StatelessWidget {
  final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin;

  const MyApp(this.flutterLocalNotificationsPlugin);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(flutterLocalNotificationsPlugin),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin;

  const MyHomePage(this.flutterLocalNotificationsPlugin);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  void initState() {
    super.initState();
    _scheduleNotification();
  }

  Future<void> _scheduleNotification() async {
    var androidPlatformChannelSpecifics = AndroidNotificationDetails(
        'your channel id', 'your channel name', 'your channel description',
        importance: Importance.max, priority: Priority.high, showWhen: false);
    var iOSPlatformChannelSpecifics = IOSNotificationDetails();
    var platformChannelSpecifics = NotificationDetails(
        android: androidPlatformChannelSpecifics,
        iOS: iOSPlatformChannelSpecifics);

    await widget.flutterLocalNotificationsPlugin.zonedSchedule(
        0,
        'scheduled title',
        'scheduled body',
        tz.TZDateTime.now(tz.local).add(const Duration(seconds: 5)),
        platformChannelSpecifics,
        matchDateTimeComponents: DateTimeComponents.time);
  }
}

위의 코드에서는 flutter_local_notifications를 사용하여 5초 후에 알림을 표시하는 예제를 보여줍니다.

이제 앱을 실행하고 5초를 기다리면 알림이 표시됩니다.

결론

Flutter에서 특정 시간 경과 후에 알림을 표시하는 방법을 알아보았습니다. flutter_local_notifications 패키지를 사용하여 사용자에게 시간별 알림을 전달할 수 있습니다. 이를 통해 사용자 경험을 향상시키고 중요한 정보를 제공할 수 있습니다.

참고: flutter_local_notifications 패키지 공식 문서