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: 'テスト通知',
        subtitle: 'サブタイトル',
        body: '本文です',
        data: {},
        iconUri: 'https://example.org',
        channel: {
          name: 'テストチャネル',
          description: 'デモアプリのテストチャネルの説明文が入ります',
          importance: {
            importance: Importance.IMPORTANCE_LOW,
          },
          kind: new InformationKind(),
        },
        sound: false,
      },
      trigger: null,
    });
    setResult(`表示された通知 ${id}`);
  };

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

  const countPresentedNotifications = async () => {
    const presentedNotifications =
      await Notifications.getPresentedNotificationsAsync();
    setResult(`カウント： ${presentedNotifications.length}`);
  };

  const dismissAll = async () => {
    await Notifications.dismissAllNotificationsAsync();
    setResult('通知がされました');
  };

  const dismissSingle = async () => {
    const presentedNotifications =
      await Notifications.getPresentedNotificationsAsync();
    if (!presentedNotifications.length) {
      setResult('消去すべき通知はありません');
      return;
    }

    const lastNotificationUuid = presentedNotifications[0].request.identifier;
    await Notifications.dismissNotificationAsync(lastNotificationUuid);
    setResult(`通知：${lastNotificationUuid}が消去されました`);
  };

  return (
    <View style={styles.container}>
      <Text style={styles.text}>Local Notifications</Text>
      <Button
        onPress={presentLocalNotificationAsync}
        title="通知をすぐに表示する"
      />
      <Button
        onPress={listLocalNotificationsAsync}
        title="すべての通知を表示"
      />
      <Button
        onPress={countPresentedNotifications}
        title="表示された通知の数をカウント"
      />

      <Text style={styles.text}>通知を消去</Text>
      <Button onPress={dismissSingle} title="1件の通知を消去" />
      <Button onPress={dismissAll} title="すべての通知を消去" />

      <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,
  },
});