@alexdrimbe_paymo/react-native-push-notification 是一个用于 React Native 开发的推送通知插件，支持 Android 和 iOS 平台。本文将为大家介绍如何使用该插件，并提供详细的示例代码，以助大家快速上手。
安装
在使用该插件前，我们需要先安装它。我们可以使用 npm 来进行安装，在命令行中输入以下命令：
npm install @alexdrimbe_paymo/react-native-push-notification --save
配置
在完成安装后，我们需要进行配置。由于本插件支持 Android 和 iOS 平台，故在配置中我们也需要分别对两个平台进行设置。
Android
配置 AndroidManifest.xml
在 Eclipse 或 Android Studio 中打开您的项目，打开 AndroidManifest.xml，在 <application> 中添加以下代码：
-- -------------------- ---- ------- --------- -------------------------------------------------------------------------------------- -- --------- ---------------------------------------------------------------------------------------- -- -------- ---------------------------------------------------------------------------------------------------- -------- ---------------------------------------------------------------------------------------------- ------------------------ - --------------- ------- ----------------------------------------------------- -- ------- ---------------------------------------------------------- -- --------- ------------------------------- -- ---------------- ---------- -------- --------------------------- --
配置 MainApplication.java
在您的MainApplication中添加 RNPushNotificationPackage：
-- -------------------- ---- -------
------ ------------------------------------------------------------------------- -- ---- ----
------ ----- --------------- ------- ----------- ---------- ---------------- -
------- ----- --------------- ---------------- - --- --------------------- -
-----
---------
--------- ------------------ ------------- -
-----
------ ----------------------------
--- -------------------
--- ------------------------------------ -- ------- ---------------------------------
--
-iOS
开启 PushNotification 选项
在 Xcode 中打开您的项目，进入 Target -> Capabilities 选项卡，找到 PushNotifications 选项，把该项设置为 ON。
配置 AppDelegate.m
在您的项目AppDelegate.m文件下添加以下代码：
-- -------------------- ---- ------- -- -- ----------------------------- --- ------- ------------------------------- --------------- ----------- - -------------------------------- ------------- ------------------------------------------- --------------- - ----- -- --- ---------------------------- ------------------------------- ------ ---- ---- ----------- -------------- ----- ----- --------- ----- ---------------- ------------------------------------------------ ----- -- -- -------------------------------------------------- ----- ------ ---- ------
import PushNotification from '@alexdrimbe_paymo/react-native-push-notification';
// 绑定推送事件 PushNotification.configure({ onNotification: function(notification) { console.log('Notification:', notification); // 进行一些操作... }, permissions: { alert: true, badge: true, sound: true, }, popInitialNotification: true, requestPermissions: true, });
PushNotification.localNotification({ title: "My Notification Title", // 这里设置推送标题 message: "My Notification Message", // 这里设置推送消息 playSound: true, soundName: 'default', repeatType: 'day', });
-- -------------------- ---- ------- ------------------------------------------- ------------------------------------- -------- ---------------------------------- ----------------------------------- ------------------ --------- - --------- ------------------- ------------------------------ -- -- ----- ------------------------------------------------ --------------------------------------------------------------------------------------------------- - ------------------------------------------------------------------------------ -------- ------------------------------------------------------------------------------------------------------------------------