介绍
rn-better-mail 是一款优秀的 React Native 第三方库，可以帮助我们方便地发送邮件并在邮件中添加附件。它支持 iOS 和 Android 平台，并且非常易于使用。
安装
在使用 rn-better-mail 之前，你需要安装它并添加到你的项目中。使用 npm 进行安装，输入以下命令：
npm install rn-better-mail --save
在安装完成之后，你需要手动添加库到你的项目中。
iOS
使用 Xcode 打开包含你的 React Native 项目的 ios 文件夹。然后，将 node_modules/rn-better-mail/ios/RNBetterMail.xcodeproj 文件拖动到你的项目面板中。
在 Xcode 的项目面板中，选择你的项目文件并进入 Build Phases 板块。展开 Link Binary With Libraries，按下 + 号并添加 RNBetterMail.framework。
Android
在你的 React Native 项目中，在 android/app/build.gradle 文件的 dependencies 代码块中添加以下行：
dependencies {
...
compile project(':rn-better-mail')
}然后，进入 android/settings.gradle 文件，并按下自带的引用部分添加以下代码：
include ':rn-better-mail'
project(':rn-better-mail').projectDir = new File(rootProject.projectDir, '../node_modules/rn-better-mail/android')最后，在本机代码中添加以下代码：
-- -------------------- ---- -------
------ ------------------------------------- -- ---- --- ---- ------
------ ----- ------------ ------- ------------- -
-- ---
---------
--------- ------------------ ------------- -
------ ----------------------------
--- -------------------
--- --------------------- -- ---- --- ---- ----
--
-
-- ---
-用法
使用 rn-better-mail 很简单。只需要导入库，然后调用一个方法即可：
-- -------------------- ---- ------- ------ ------------ ---- ----------------- ----------------------- -------- -------- ---------------- ----------- --------------------- ----- ----------- ------------- ------- ----- ---------------- --------------------------------- ---
如上所述，我们可以设置邮件的主题，收件人和正文。在邮件正文中使用 HTML 语法，当 isHTML 属性为 true 时将会自动渲染 HTML。
你还可以在邮件中添加附件。attachmentPaths 属性应为包含附件路径的数组。
示例代码
以下代码将演示如何使用 rn-better-mail 发送一份带有附件的签名文件。请确保已安装 RNFS 库。
-- -------------------- ---- -------
------ ------ ----------- ---- --------
------ -------- ----------- ----- ----- ---- ---------------
------ ------------ ---- -----------------
------ ---- ---- ------------------
----- ------------------- - ----------------
------ ------- ----- --- ------- --------- -
--------- - ----- -- -- -
--- -
----- -------- - ---------------------------
----- ------------- - -------------------------------------
----- ---------- - ----- ---------------------------
-- ------------- -
---------------
-------
-
----- -------- - ----- ---------------------------- ----------
-----------------------
-------- --- ----------------
----------- ---------------------
----- ----------- -------------
------- -----
---------------- ----------------------------
---------------- ----------------------
---------------- --------------
--------------- ----------
---
- ----- ------- -
------------- - ---------------
-
--
-------- -
------ -
----- -------------------------
----- -----------------------------------------------
------- ------------------------ ------------ --
-------
--
-
-
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- ---------
---------------- ----------
--
------------- -
---------- ---------
------ ----------
------------- --
--
---在这个例子中，我们首先检查签名图像是否存在。如果它存在，我们将会读取它的 base64 编码数据并将其添加进附件中。此后我们就可以通过调用 sendEmail 方法向收件人发送一份邮件了。
结论
rn-better-mail 是一个非常有用的库，它可以让我们更方便地在 React Native 项目中发送带有附件的邮件。通过简单的 api，我们可以发送包含附件的HTML邮件。希望这篇文章能够帮助你更好的使用该库！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bd881e8991b448e57e0