有没有办法在react native中自定义远程推送通知,然后再显示在前端?

jv2fixgn  于 2023-02-05  发布在  React
关注(0)|答案(1)|浏览(121)

我是React Native的新手,我有一项任务是在react Native中实现推送通知。我正在使用MS Azure通知中心为我的react Native应用提供推送通知。本地和远程通知在我的应用上都运行良好,但问题是我从后端接收到一个非常基本的通知,没有操作和图像。我设法在应用程序中自定义了本地通知,但无法自定义远程通知。我想更改其颜色,动作和添加图像。请告诉我如何才能完成我的工作?甚至可以在react native中自定义远程推送通知,还是必须由MS Azure通知中心自行发送所有自定义项?我还尝试在onNotification方法中调用本地通知,以便本地通知的自定义可以覆盖远程推送通知的样式,但没有成功,因为通知在收到后会立即触发。请记住,我使用react-native-push-notification来实现这个目的,下面是我的代码。

PushNotification.configure({
        onRegister: (token) => {
            console.log("TOKEN", token);
        }

        onNotification: (notification) => {
            console.log('NOTIFICATION:', notification);

            PushNotification.localNotification({
                  channelId: 'demo-channel',
                  title: 'You tapped on Fruit',
                  ticker: 'Tcker',
                  message: 'Hey you got 1 Fruit',
                  bigText: 'Congratulations',
                  bigLargeIcon:
                   'https://cdn.pixabay.com/photo/2021/01/05/05/30/grapes-5889697__340.jpg',
                  bigPictureUrl:
                    'https://cdn.pixabay.com/photo/2021/01/05/05/30/grapes-5889697__340.jpg',
                  largeIconUrl:
                    'https://cdn.pixabay.com/photo/2021/01/05/05/30/grapes-5889697__340.jpg',
                  smallIcon:
                     'https://cdn.pixabay.com/photo/2021/01/05/05/30/grapes-5889697__340.jpg',
             });

})
icnyk63a

icnyk63a1#

没有自定义“远程”通知的选项。但您可以尝试创建自己的服务来向您的应用发送通知。
使用headless API从应用程序中创建一个监听器,发送请求到你的服务,如果有新的通知给你的用户,用图片和smth创建一个“本地”通知。
请检查:headless
还有这个:Firebase server
此外,如果您有一个firebase,则可以使用firebase console中的图像创建通知

相关问题