响应本机本地通知

问题描述 投票:1回答:1

我是React Native的新手,需要实现一个应用程序需要在特定时间每天向用户发送通知的功能。每天显示的数据存储在客户端的json文件中,不会更改。通知按计划进行。鉴于我希望有一种方法可以从应用程序本身触发通知。

有没有人知道如何实现这一点,而无需从展会分离应用程序?我不能使用'react-native-push-notification'而不运行react-native链接,这需要我分离应用程序。是对的吗?

这可能吗?

谢谢 :)

react-native push-notification notifications apple-push-notifications expo
1个回答
1
投票

您可以使用scheduleLocalNotificationAsync函数使用expo执行此操作(有关详细信息,请查看these docs)。确保您有权先发送通知。请注意,如果在应用程序位于前台时触发通知,您将看不到通知,但您仍然可以收听此事件。

一世。请求许可

import { Permissions } from 'expo';

// ... somewhere before scheduling notifications ...
const { status } = await Permissions.getAsync(Permissions.NOTIFICATIONS);
if (status !== 'granted') {
  await Permissions.askAsync(Permissions.NOTIFICATIONS);
}

II。安排通知

import { Notifications } from 'expo';

const notification = {
  title: 'Hi there!',
  body: 'Tap me to open the app.',
  android: { sound: true }, // Make a sound on Android
  ios: { sound: true }, // Make a sound on iOS
};

const options = {
  time: Date.now() + 10000, // Schedule it in 10 seconds
  repeat: 'day', // Repeat it daily
};

// ... somewhere after requesting permission ...
const id = Notifications.scheduleLocalNotificationAsync(notification, options)

// If you want to react even when your app is still in the
// foreground, you can listen to the event like this:
Notifications.addListener(() => {
  console.log('triggered!');
});

III。取消预定通知

您可以使用scheduleLocalNotificationAsync函数的返回id来取消通知。

import { Notifications } from 'expo';

// ... get the id of the scheduled notification ...

Notifications.cancelScheduledNotificationAsync(id)
© www.soinside.com 2019 - 2024. All rights reserved.