반응 네이티브 로컬 푸시 알림을 작동시키는 간단한 방법(안드로이드).

로컬 푸시 알림이 작동하도록 하시겠습니까? 다음은 도움이 될 수 있는 간단한 단계입니다.

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.


그게 다야 이제 알림을 받게 됩니다. :).

좋은 웹페이지 즐겨찾기