最近，React Native 发布了 0.64 版本，与往常一样，该版本又涉及到了一系列的变化。其中，最大的改动莫过于区别 Android 与 iOS 系统的通知栏。
React Native 项目中，如果你需要在应用程序中显示通知信息，就可以使用一个实用的 JavaScript 库 rn-root-notification。下面是一个简单的教程，帮助你快速上手并使用 rn-root-notification 运用于你的项目。
安装 rn-root-notification
你可以使用 npm 包管理器来安装该包：
--- ------- ------ --------------------
或者，如果你想在使用 Yarn 包管理器：
---- --- --------------------
开始使用
在你的 React Native 项目的一个 JavaScript 文件，你首先可以将 rn-root-notification 导入你的依赖中：
------ ---------------- ---- -----------------------
接下来，你可以使用 RootNotification.show 方法来创建一个基本的通知：
----------------------- ------ -------- -------- ------- ---
当然，这只是创建一个最基础的通知，在后续有深入使用时，您可能需要各种参数定制，下面我们将演示更多的自定义设置。
设定自定义设置
下面列出了一些您可能需要自定义的设置：
smallIcon 属性
您可能需要为 Android 系统定义一个尺寸小且具有唯一辨识度的图标。将图标的路径传递给 smallIcon 属性即可，如下：
----------------------- ------ -------- -------- -------- ---------- ------------- ---
注意，在 Android 10 系统中此设置无效。
largeIcon 属性
作为 Android 系统中的一个更棒的功能，除了显示小图标，还可以显示一些更大的图片。该功能用于更新一些重要、较多的通知消息。将图标的路径传递给 largeIcon 属性即可，如下：
----------------------- ------ -------- -------- -------- ---------- -------------- ---------- ----------------- ---
priority 属性
将通知的优先级设置为高或低。
----------------------- ------ -------- -------- -------- --------- ------ ---
vibrate 属性
设置通知在弹出时是否振动。
----------------------- ------ -------- -------- -------- -------- ---- ---
lights 属性
设置通知在弹出时是否有 LED 灯光效果闪烁。
----------------------- ------ -------- -------- -------- ------- ---- ---
iconBadgeNumber 属性
为消息通知区域添加 Icon Badge Badge 数字。(仅适用于 iOS)
----------------------- ------ -------- -------- -------- ---------------- - ---
playSound 属性
为新通知添加音频效果。（iOS没有默认的铃声，可能需要在其他应用中添加音频效果之后，再使用这个选项）
----------------------- ------ -------- -------- -------- ---------- ---- ---
发送本地通知
您可以将本地通知发送到设备上，然后该通知将被弹出到前台。在以下代码中，您将看到如何使用此功能。
------------------------------------ ----------- ----- ---------- -------------- ---------- ------------------ -------- --------------------------------- -------- ------- ------ ---------- -------- ----- ---------- ---- ---- ------- ------ ----------------- ----------- ---------- ----------- ------- --------- ------- -------- ----------- ------ --------- ----- --- --------------- - ---- - -- - --- ---
总结
rn-root-notification 是一款非常实用的 npm 包，可以快速、轻松地在设备上生成通知消息。在此教程中，我们探讨了如何安装和使用该包，另外，也说明了一些自定义的集成选项，以满足你特殊的设计需求。希望此教程能给您的工作带来帮助，请掌握并迅速启动您自己的 React Native 开发吧！
参考链接
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055ca081e8991b448da06e