Phonegap : 浮动气泡通知，如 Phonegap 中的 facebook messenger

Posted 2023-03-07

【中文标题】Phonegap : 浮动气泡通知，如 Phonegap 中的 facebook messenger

【英文标题】：Phonegap : Floating bubble notification like facebook messenger in Phonegap

【发布时间】：2017-10-20 09:04:42

【问题描述】：

Example image 如何在 Phonegap 中添加像这张图片一样的浮动气泡通知。

【问题讨论】：

什么漂浮的泡泡？

在 facebook messenger 聊天应用中使用的浮动气泡。通过点击哪个用户可以回到他的应用程序。请查看附图，如果您有任何想法，请为 Phonegap 提出建议。

你指的是里面有用户图片的通知图标吗？

是的，我必须在 Phonegap 中执行此操作。

我已经搜索过没有可用的插件，但建议了另一种可能的方法，请删除我的问题的减号投票。

【参考方案1】：

对于您正在寻找的内容，没有“开箱即用”的插件。但是，您可以创建自己的插件，也可以简单地使用 phonegap-plugin-push 插件并对其进行编辑以实现您正在寻找的内容。

phonegap-plugin-push 插件支持图标。我假设你可以进一步编辑/开发它来做你想做的事。

请查看推送插件：

https://github.com/phonegap/phonegap-plugin-push/blob/master/docs/PAYLOAD.md#images

这个插件对图像和图标有一些支持。

编辑：

进一步阅读，推送笔记插件似乎只支持 android 设备的图像/图标。

但由于您提供了 Android 设备的屏幕截图，我假设您正在使用 Android。

记下这一点：

const push = PushNotification.init(
    "android": 
        "icon": "phonegap",
        "iconColor": "blue"
    ,

其中 icon 是 Android res/drawable 文件夹中 .png 图像文件的名称。例如：platforms/android/res/drawable/phonegap.png