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(`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('通知已关闭');
  };

  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}>本地通知</Text>
      <Button
        onPress={presentLocalNotificationAsync}
        title="立即显示通知"
      />
      <Button
        onPress={listLocalNotificationsAsync}
        title="列出所有通知"
      />
      <Button
        onPress={countPresentedNotifications}
        title="Count presented notifications"
      />

      <Text style={styles.text}>将关闭通知</Text>
      <Button onPress={dismissSingle} title="关闭单个通知" />
      <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,
  },
});