npm 包 react-native-living-pushing 使用教程

简介

react-native-living-pushing 是一款基于 React Native 的推送工具包。它可以方便地集成到您的 React Native 项目中,提供了多种推送方式,并且支持个性化设置,为您的项目提供了强大的推送能力。

安装

安装 npm 包:

--- ------- --------------------------- ------

或者使用 yarn:

---- --- ---------------------------

配置

安卓

AndroidManifest.xml 中添加以下权限:

---------------- ------------------------------------------ --
---------------- ------------------------------------------- --

---- --------- -------- --- ----------- --------- ---
---------------- ------------------------------------------------------ --
---------------- -------------------------------------------------------- --

---- --------- -------- --- --------- --- ------ --------- ---
---------------- ------------------------------------------- --
---------------- ------------------------------------------------- --

---- --------- -------- --- ----- ----------- --------- ---
---------------- ---------------------------------------------- --

build.gradle 中添加依赖:

-------------- -------------------------------
-------------- -----------------------------------------------

MainApplication.java 中添加以下代码:

------ ------------------------------------------------
------ ------------------------------------------

------ ----- --------------- ------- --------------------- -

    ---------
    ------ ---- ---------- -
        -----------------
        ------------------------------------------------------
    -
-

注意替换 your_api_key 为您的 API key。

iOS

在 Xcode 中打开项目,在 Podfile 中添加以下依赖:

-------- ----- -----

------ ----------------- --
  --- --------------------
  --- -------------
---

在终端中运行以下命令:

--- -------

AppDelegate.m 中添加以下代码:

------- ------------
------- ---------------------------

- -------------------------------- ------------- ------------------------------------------- ---------------
-
  ------- -----------

  ----------------- ------------ ---------------------------

  ------ ----
-

- -------------------------------- ------------- ------------------------------------------ ---------- ---------------------------- ----------------------------------------------
-
    --------------------------- ------------------------------------- ------------------------------------------
-

注意替换 your_api_key 为您的 API key。

使用

初始化

在您的 React 组件中,引入 react-native-living-pushing

------ ------------- ---- ------------------------------

初始化推送服务:

---------------------

推送

发送透传消息

--------------------------------

其中 data 是一个对象,表示您要发送的透传消息的内容。例如:

----- ---- - -
  -------- ------- -------
--

--------------------------------

发送通知

----- ------------ - -
  ------ --- -------
  ----- --- ------
  ---- ---------------------
--

---------------------------------------------

其中 notification 是一个对象,包含以下属性:

  • title:通知标题;
  • body:通知正文;
  • url:通知点击后打开的链接。

配置推送

----- ------ - -
  ---------- -----
  -------- -----
  -------- -----
  ---------- ---------
--

--------------------------------

其中 config 是一个对象,包含以下属性:

  • isVibrate:是否震动;
  • isSound:是否有声音;
  • isLight:是否有提示灯;
  • channelId:通知渠道 ID。

接收消息

在您的 React 组件中,监听消息收到事件:

------------------------------------------ -- -
  --------------------- ---------- ---------
---

其中 message 对象包含以下属性:

  • type:消息类型;
  • data:消息内容。

例如:

------------------------------------------ -- -
  -- ------------- --- ---------- -
    --------------------- ---------- --------------
  - ---- -- ------------- --- --------------- -
    --------------------- --------------- --------------
  -
---

总结

react-native-living-pushing 是一款简单易用的推送工具包,提供了多种推送方式,并支持个性化设置。通过本文,您已经了解了该工具包的安装、配置和使用方法,相信可以为您的 React Native 项目提供强大的推送能力。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60067356890c4f7277583c28


猜你喜欢

  • NPM 包 dom-autofocus 使用教程

    在 Web 开发中,DOM 自动获取焦点是一个经常需求的功能,而手动实现起来比较麻烦。这时候,我们就可以利用 npm 包来帮助我们快速实现自动获取焦点的功能。本文将为大家介绍一个 npm 包——dom...

    4 年前
  • npm 包 fastify-multer-op 使用教程

    介绍 fastify-multer-op 是一个基于 fastify 和 multer 的上传中间件,支持自定义上传路径和文件名前缀。它支持文件大小、文件数量、文件类型和文件名等上传验证和限制,并提供...

    4 年前
  • npm 包 @sunshinesmile/eslint-config 使用教程

    前言 在前端开发中,代码质量一直都是团队成员关注的焦点之一。在此背景下,代码检查工具成为了一种必备的工具,常见的代码检查工具包括 ESLint 和 JSLint 等。

    4 年前
  • npm 包 @sunshinesmile/eslint-config-react 使用教程

    介绍 @sunshinesmile/eslint-config-react 是一个基于 ESLint 的规则集,在开发 React 项目时可以使用该规则集,帮助开发人员规范化代码、减少错误和提高代码质...

    4 年前
  • npm 包 react-recaptcha-that-works 使用教程

    介绍 react-recaptcha-that-works 是一款基于 React 的 Google reCAPTCHA v2 插件。除了提供正常的 API 外,该插件还可以完全自定义 reCAPTC...

    4 年前
  • npm 包 infinity-burger 使用教程

    infinity-burger 是一个前端的 npm 包,它提供了一个漂亮的无限滚动汉堡菜单的实现,让使用者可以轻松地在自己的网站上使用。 本篇文章主要介绍 infinity-burger 的使用方法...

    4 年前
  • npm 包 @flammae/markdown-loader 使用教程

    在前端开发中,经常需要将 markdown 文件转换为 HTML 页面,以便于展示和阅读。而使用 Webpack 进行打包时,通过引入 @flammae/markdown-loader 这个 npm ...

    4 年前
  • 前端技术:使用 @flammae/markdown-plugin-jsx 插件

    简述 在前端开发过程中,经常需要使用 markdown 进行文档编写和展示。而 @flammae/markdown-plugin-jsx 是一款 npm 包,它可以帮助我们在 markdown 文档中...

    4 年前
  • npm 包 form-check-input 使用教程

    在前端开发中,表单是非常常见的元素。而且,对于表单元素的验证和处理,是我们经常需要面对的问题。为了提高表单开发的效率,我们可以使用一些 NPM 包,比如 form-check-input。

    4 年前
  • npm 包 p-join 使用教程

    什么是 p-join p-join是一个 NPM 包,用于将多个 Promise 成功返回的结果拼接在一起,返回一个结果数组。 p-join 的用途 当我们同时发起多个接口请求时,需要等待所有接口都返...

    4 年前
  • npm包 4chimg 使用教程

    什么是 npm 包 4chimg npm 是一个世界上最大的(可能是最好的)开源库生态圈,它提供了大量的模块,你可以使用这些模块来构建你的项目。4chimg 就是一个 npm 包,用于在前端页面展示 ...

    4 年前
  • npm 包 tattler 使用教程

    在前端开发中,我们经常需要实时调试和跟踪我们的应用程序的状态和行为。一个好的调试工具可以帮助我们更轻松地定位和解决问题。在这篇文章中,我将介绍一个名为 tattler 的 npm 包,它可以帮助我们轻...

    4 年前
  • npm 包 beatle 使用教程

    概述 npm 是 Node.js 的包管理器,大多数 JavaScript 的项目都会使用 npm 作为包管理器。而 beatle 是一个基于 React 的 ui 框架,它提供了一些现成的组件,以及...

    4 年前
  • npm包urls-tool使用教程

    在前端开发中,处理URL是一项必不可少的任务。在这里,我们要介绍一个叫做urls-tool的npm包,让你轻松地管理、解析和构建URL。 安装 使用npm,在终端中输入以下命令: --- ------...

    4 年前
  • npm 包 testcafe-reporter-browsename 使用教程

    在前端自动化测试领域,一款优秀的测试报告工具是非常重要的。testcafe是一款流行的前端自动化测试框架,在它的npm包中,有一款名为testcafe-reporter-browsename的测试报告...

    4 年前
  • npm 包 @utlime/vue-zoom 使用教程

    介绍 @utlime/vue-zoom 是一个基于 Vue.js 的 Zoom 缩放组件包,可用于 Vue.js 的项目中。使用该组件,用户可以实现图片、地图、SVG 等元素的放大缩小功能,为移动端和...

    4 年前
  • npm 包 git-fcm 使用教程

    在现代web开发流程中,使用 npm 包管理工具可以让我们更方便地管理代码和依赖。git-fcm 是一个简单易用的 npm 包,它提供了一种轻量级的方式来提交并发布代码。

    4 年前
  • npm 包 @ignsg/lambpack 使用教程

    简介 @ignsg/lambpack 是一款非常实用的 npm 包,它是一个 JavaScript Lambda 函数部署工具,能够将您的 Lambda 函数部署到 AWS 平台,同时支持打包和管理依...

    4 年前
  • npm 包 rn-app-actionsheet-picker 使用教程

    在前端开发中,我们经常需要使用一些组件来构建我们的界面。其中,选择器是一个常用的工具,通常用来从一组预定义数据中选择需要的内容。在 React Native 中, rn-app-actionsheet...

    4 年前
  • npm 包 @dlab/react-materialize 使用教程

    在前端开发中,我们经常会使用到一些UI库或是组件库,用于快速构建美观易用的网站或应用程序。而 @dlab/react-materialize 就是一个基于 Material Design 设计风格的 ...

    4 年前

相关推荐

    暂无文章