更新记录

1.0（2023-08-28）

悬浮窗-悬浮通知

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

悬浮窗-通知 Ba-FloatWinNotification

简介

Ba-FloatWinNotification 是一款定制的通知悬浮窗插件，有其他定制需要可联系作者。

• 支持显示、隐藏
• 支持记录显示位置
• 支持拖动
• 支持监听点击事件
• 支持自动申请、判断悬浮窗权限
• 支持设置icon图标（base64）
• 支持设置字体和背景颜色

有建议和需要，请联系QQ：2579546054

也可关注博客，实时更新最新插件：

uniapp 常用原生插件大全

使用方法

在 script 中引入组件

    const floatWin = uni.requireNativePlugin('Ba-FloatWinNotification')

在 script 中调用（示例参考，可根据自己业务和调用方法自行修改）

        methods: {
            showFW() { //显示
                floatWin.show({
                        title: "微信",
                        content: "你收到了1条微信消息",
                        time: "10分钟前",
                        //bgColor: "#D2DEE8",
                        //titleColor: "#FF0000",
                        //contentColor: "#FF0000",
                        //timeColor: "#FF0000",
                        iconBase64: "data:image/png;base64,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"
                    },
                    (res) => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            updateFW() { //更新数据
                floatWin.update({
                        title: "微信",
                        content: "你收到了2条微信消息",
                        time: "现在"
                    },
                    (res) => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            hideFW() { //隐藏
                floatWin.hide(
                    (res) => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
        }

点击事件监听

在应用生命周期app.vue的onLaunch事件中设置监听：

        onLaunch: function() {
            var globalEvent = uni.requireNativePlugin('globalEvent');
            globalEvent.addEventListener('baFloatWinNotification', function(e) {
                console.log('baFloatWinNotification：' + JSON.stringify(e));
                //处理点击事件
            });
        },
        onShow: function() {
        },
        onHide: function() {
        }

点击事件参数

示例：

{"action":"onClick"}

api 列表