반응 네이티브 로컬 푸시 알림을 작동시키는 간단한 방법(안드로이드).
2672 단어 reactandroidreactnative
1) "AndroidNotificationHandler.js"라고 이름을 지정한 파일 이름을 원하는 대로 만듭니다.
2) 반응 네이티브 푸시 알림 패키지 가져오기:
import PushNotification, {Importance} from 'react-native-push-notification';
3) 최신 업데이트 푸시 알림 패키지에서는 알림이 제대로 작동하려면 채널 ID를 생성해야 하므로 다음과 같이 표시됩니다.
const createChannel = () => {
PushNotification.createChannel(
{
channelId: 'channel-id', // (required)
channelName: 'My channel', // (required)
channelDescription: 'A channel to categorise your notifications', // (optional) default: undefined.
playSound: false, // (optional) default: true
soundName: 'default', // (optional) See `soundName` parameter of `localNotification` function
importance: Importance.HIGH, // (optional) default: Importance.HIGH. Int value of the Android notification importance
vibrate: true, // (optional) default: true. Creates the default vibration patten if true.
},
(created) => console.log(`createChannel returned '${created}'`), // (optional) callback returns whether the channel was created, false means it already existed.
);
};
4) channelId 함수를 생성한 후 원하는 알림을 받기 위해 주요 작업을 수행할 다른 함수를 생성합니다. 이것 좀 봐:
const notificationHandler = (title, message, date) => {
PushNotification.localNotificationSchedule({
channelId: 'channel-id', // this we get from above func()
title: title,
message: message,
autoCancel: true,
subText: 'Notification',
vibrate: true,
vibration: 300,
playSound: true,
soundName: 'default',
ignoreInForeground: false,
importance: 'high',
invokeApp: true,
allowWhileIdle: true,
priority: 'high',
visibility: 'public',
date: date,
});
};
5) 원하는 경우 알림을 취소할 수도 있습니다. 방법은 다음과 같습니다.
const cancelNotifications = () => {
PushNotification.cancelAllLocalNotifications();
};
6) 함수 내보내기:
export {createChannel, notificationHandler, cancelNotifications};
7) 이제 내 프로젝트에서 가져온 다음과 같은 기능을 프로젝트 전체에서 사용할 수 있습니다.
let alertDescription = `Time to study ${topicName}`;
notificationHandler('Reminder!', alertDescription, date);
// I get date parameter from datepicker.
그게 다야 이제 알림을 받게 됩니다. :).
Reference
이 문제에 관하여(반응 네이티브 로컬 푸시 알림을 작동시키는 간단한 방법(안드로이드).), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/usaidpeerzada/simple-way-to-get-react-native-local-push-notifications-to-work-android-5b8d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)