expo-notifications

import * as Notifications from '@amazon-devices/expo-notifications';
import {
  Importance,
  InformationKind,
} from '@amazon-devices/expo-notifications/build/kepler';
import React, {useState} from 'react';
import {Button, StyleSheet, Text, View} from 'react-native';

export const App = () => {
  const [result, setResult] = useState('');

  const presentLocalNotificationAsync = async () => {
    const id = await Notifications.scheduleNotificationAsync({
      content: {
        title: 'Test notification!',
        subtitle: 'Subtitle',
        body: 'This is the body',
        data: {},
        iconUri: 'https://example.org',
        channel: {
          name: 'Test channel',
          description: 'Text channel for the demo app',
          importance: {
            importance: Importance.IMPORTANCE_LOW,
          },
          kind: new InformationKind(),
        },
        sound: false,
      },
      trigger: null,
    });
    setResult(`Displayed notification ${id}`);
  };

  const listLocalNotificationsAsync = async () => {
    const res = await Notifications.getPresentedNotificationsAsync();
    setResult(JSON.stringify(res, null, 2));
  };

  const countPresentedNotifications = async () => {
    const presentedNotifications =
      await Notifications.getPresentedNotificationsAsync();
    setResult(`Count: ${presentedNotifications.length}`);
  };

  const dismissAll = async () => {
    await Notifications.dismissAllNotificationsAsync();
    setResult('Notifications dismissed');
  };

  const dismissSingle = async () => {
    const presentedNotifications =
      await Notifications.getPresentedNotificationsAsync();
    if (!presentedNotifications.length) {
      setResult('No notifications to be dismissed');
      return;
    }

    const lastNotificationUuid = presentedNotifications[0].request.identifier;
    await Notifications.dismissNotificationAsync(lastNotificationUuid);
    setResult(`Notification ${lastNotificationUuid} dismissed`);
  };

  return (
    <View style={styles.container}>
      <Text style={styles.text}>Local Notifications</Text>
      <Button
        onPress={presentLocalNotificationAsync}
        title="Present a notification immediately"
      />
      <Button
        onPress={listLocalNotificationsAsync}
        title="List all notifications"
      />
      <Button
        onPress={countPresentedNotifications}
        title="Count presented notifications"
      />

      <Text style={styles.text}>Dismissing notifications</Text>
      <Button onPress={dismissSingle} title="Dismiss a single notification" />
      <Button onPress={dismissAll} title="Dismiss all notifications" />

      <View style={{flex: 1}}>
        {result && (
          <Text style={styles.text}>
            Last Result:{'\n'}
            {result}
          </Text>
        )}
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white',
  },
  text: {
    color: 'black',
    fontSize: 32,
  },
});