使用uniapp写一个实时获取手机通知栏内容的代码

uniapp是基于Vue.js的跨平台开发框架，主要用于开发移动端应用。目前，uniapp并不支持直接获取手机通知栏内容的功能，因为这是一个涉及到手机底层操作的功能，需要使用原生开发语言才能实现。

如果你希望在uniapp项目中实现获取手机通知栏内容的功能，可以通过以下步骤来实现。

在uniapp项目中创建一个原生插件。
使用原生开发语言（如Android的Java或iOS的Objective-C/Swift）实现获取手机通知栏内容的功能。
在原生插件中将获取到的通知栏内容传递给uniapp。
在uniapp中调用原生插件，并获取通知栏内容。

下面是一个示例的uniapp项目结构：

- src
  - pages
    - index
      - index.vue
  - plugins
    - myPlugin
      - android
        - MyPlugin.java
      - ios
        - MyPlugin.h
        - MyPlugin.m
      - index.js
- main.js

首先，需要在index.vue中调用原生插件来获取通知栏内容。可以在页面的mounted生命周期函数中调用插件方法：

<template>
  <view class="container">
    <view>{{ notification }}</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      notification: ''
    }
  },
  mounted() {
    // 调用原生插件的方法
    uni.myPlugin.getNotification((notification) => {
      this.notification = notification
    })
  }
}
</script>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 20px;
}
</style>

接下来，需要在原生插件中实现获取通知栏内容的功能。可以在MyPlugin.java（Android）或MyPlugin.m（iOS）中实现相关代码。

Android示例（MyPlugin.java）：

package com.example.uniapp.myPlugin;

import android.service.notification.NotificationListenerService;
import android.service.notification.StatusBarNotification;

public class MyPlugin extends NotificationListenerService {
    @Override
    public void onNotificationPosted(StatusBarNotification sbn) {
        // 获取通知栏内容
        String notification = sbn.getNotification().tickerText.toString();

        // 将通知栏内容传递给uniapp
        MyPluginModule.sendNotification(notification);
    }
}

iOS示例（MyPlugin.m）：

#import "MyPlugin.h"

@implementation MyPlugin

- (void)userNotificationCenter:(UNUserNotificationCenter *)center willPresentNotification:(UNNotification *)notification withCompletionHandler:(void (^)(UNNotificationPresentationOptions))completionHandler {
    // 获取通知栏内容
    NSString *notification = notification.request.content.body;

    // 将通知栏内容传递给uniapp
    [MyPluginModule sendNotification:notification];
}

@end

最后，需要在原生插件的index.js中定义方法，并与uniapp进行通信：

const myPlugin = {
  getNotification(callback) {
    uni.onNativeEvent('onNotification', (data) => {
      callback(data)
    })
  }
}

export default myPlugin

在main.js中注册原生插件：

import myPlugin from '@/plugins/myPlugin/index'

Vue.prototype.$myPlugin = myPlugin

const app = new Vue({
  ...App
})
app.$mount()

这样，当用户打开uniapp页面时，会调用原生插件的方法获取通知栏内容，并将内容显示在页面上。

需要注意的是，以上示例代码仅供参考，具体实现方式可能因手机系统版本和开发环境而有所不同。同时，需要在AndroidManifest.xml（Android）和Info.plist（iOS）中进行相应配置，以便获取通知栏内容的权限。具体配置方式请参考Android和iOS的官方文档