uniapp监测手机通知栏 nvue组件 - 精易论坛

<template>
<view>
{{msg}}
<view>
<view v-for="(item, index) in list" :key="index">
<text>监听到内容：{{item.content}}</text><br><text>监听到标题：{{item.title}}</text>
<br /><hr />
</view>
</view>
<button type="default" @click="init">初始化</button>
<button type="default" @click="test">是否开启获取通知权限</button>
<button type="default" @click="set">跳转到设置界面</button>
<button type="default" @click="start">开始监听</button>
<button type="default" @click="clear">清空列表记录</button>
<button type="default" @click="cancelAll">清空所有通知栏消息</button>
<button type="default" @click="isIgnoringBatteryOptimizations">是否设置白名单</button>
<button type="default" @click="requestIgnoreBatteryOptimizations">去设置白名单</button>
</view>
</template>
<script>
const NoticeBarModule = uni.requireNativePlugin('lu-NoticeBarModule');
export default {
data() {
return {
msg: '收到的通知内容会展示在这里',
list: []
}
},
onLoad() {},
methods: {
init() {
//初始化 <-- 需要初始化一下然后调用一次start方法即可多次调用也无所谓不影响。
NoticeBarModule.init();
},
clear() {
this.list = [];
},
test() {
//var res = NoticeBarModule.readNotificationBar(e => {
// this.msg = JSON.stringify(e)
// uni.showToast({
// title: JSON.stringify(e),
// icon: 'none'
// });
//});
//新版本改为同步
//TODO: 是否开启获取通知栏内容权限已改成同步返回。 1.0.2版本
let res = NoticeBarModule.readNotificationBar();
if (res) {
//开启
uni.showToast({
title: '开启',
icon: 'none'
});
} else {
//未开启
uni.showToast({
title: '未开启',
icon: 'none'
});
}
},
set() {
NoticeBarModule.toSetting();
},
cancelAll() {
NoticeBarModule.cancelAll(); //无任何返回值
},
start() {
let _this = this;
NoticeBarModule.getNotification(e => { //<-- e 就是监听到的通知栏消息
_this.list.push(e);
console.log(JSON.stringify(e));
uni.showToast({
title: JSON.stringify(e),
icon: 'none'
});
});
},
isIgnoringBatteryOptimizations() {
let res = NoticeBarModule.isIgnoringBatteryOptimizations();
if (res) {
//开启
uni.showToast({
title: '已开启白名单',
icon: 'none'
});
} else {
//未开启
uni.showToast({
title: '未开启白名单',
icon: 'none'
});
}
},
requestIgnoreBatteryOptimizations() {
//申请加入白名单没有任何回调
NoticeBarModule.requestIgnoreBatteryOptimizations()
}
}
}
</script>
<style>
</style>

复制代码