离子反应本地通知与电容器不工作答案

【问题标题】：ionic react local notifications with capacitor not working离子反应本地通知与电容器不工作
【发布时间】：2021-12-24 23:43:42
【问题描述】：

我正在尝试使用电容器实现本地通知。

首先我使用以下命令安装插件，

npm install @ionic-native/local-notifications
npm install cordova-plugin-local-notification

然后在我的 .js 文件中，我确实添加了以下代码

import { Plugins } from '@capacitor/core';

和

scheduleNotification = () => {
 Plugins.LocalNotifications.schedule({
    notifications: [
      {
        title: "Title",
        body: "Body",
        id: 1,
        schedule: { at: new Date(Date.now() + 1000 * 5) },
        sound: null,
        attachments: null,
        actionTypeId: "",
        extra: null
      }
    ]
  });
console.log('scheduled notifications');

}

我尝试了所有方法，但在运行 iOS 12 的 iPhone 6s 上看不到任何本地通知。当我检查 Xcode 日志时，我可以看到 id 为 1 的预定通知。

cordova-plugin-badge (0.8.8)
cordova-plugin-device (2.0.3)
cordova-plugin-local-notification (0.9.0-beta.2)

【问题讨论】：

我错过了 Plugins.LocalNotifications.requestPermission()，它工作的帖子。
当 iOS 应用处于前台时，我仍然无法收到通知

标签： ionic-framework capacitor ionic5 ionic-react

【解决方案1】：

您的结果中有关于 id pass 的问题。

    PushNotifications.addListener('pushNotificationReceived',
      async (notification: any) => {
        console.log(notification);
        const notifs = await LocalNotifications.schedule({
          notifications: [
            {
              title: notification.title,
              body: notification.body,
              id: new Date().getTime(),
              schedule: { at: new Date(Date.now() + 1000 * 5) },
              sound: this.platform.is("android")
                ? "file://sound.mp3"
                : "file://beep.caf",
              attachments: null,
              actionTypeId: "",
              extra: notification
            }
          ]
        });
      }
    );

【讨论】：

【解决方案2】：

我遇到了同样的问题，我将通知 ID 设置为 UUID，但它不起作用。我用新的Date().getTime() 设置通知ID 解决了这个问题。

【讨论】：

【解决方案3】：

对于 ios，我认为目前尚不支持。

对于android，尝试请求权限。

【讨论】：

iOS 不支持它的任何来源？