简介：
react-native-paypal-bridge 是一个基于 React Native 的支付功能开发库，集成了 PayPal 账号的支付流程，该库可以帮助开发者快速创建 PayPal 集成支付的应用程序。
在本篇教程中，我们将会讨论如何使用 react-native-paypal-bridge 库。
前提
在使用 react-native-paypal-bridge 库之前，必须先确保 React Native 已经正确地被安装并运行在你的电脑上。
安装
首先，打开终端并进入你的 React Native 应用程序目录。接着执行如下命令：
npm install react-native-paypal-bridge
这个命令会自动将 react-native-paypal-bridge 包安装到项目中，并添加到项目的 package.json 文件中。
配置
- 添加
react-native-paypal-bridge依赖于包的根目录下的package.json文件。最好使用npm i package_name —-save。
npm i react-native-paypal-bridge --save
- 在
/android/app/build.gradle文件中进行以下配置：
-- -------------------- ---- -------
------- -
---
------------- -
---
--------------- ----
-
-
------------ -
-------------- ------------------------------------------
-- 添加以下语句到
Android/src/main/AndroidManifest.xml文件的application标签中：
-- -------------------- ---- -------
-------------
---
--------- --------------------------------------------------------------
------------------------------------------------------------- --
--------- ------------------------------------------------------------
------------------------------------------------------------- --
--------- --------------------------------------------------------------------
------------------------------------------------------------- --
--------- ---------------------------------------------------------------------
------------------------------------------------------------- --
--------- --------------------------------------------------------------------------
------------------------------------------------------------- --
--------- ---------------------------------------------------------------------------
------------------------------------------------------------- --
---
--------------示例代码
下面代码展示一个简单的使用 react-native-paypal-bridge 的支付组件示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ------ - ---- ---------------
------ ------ ---- -----------------------------
------ ------- ----- ------------- ------- --------------- -
------- - -- -- -
-----------------------
--------- -----------------
------------ ------------------------------ -- -- ---------------------------- --- --------
------ -------- -- ---- -- --- ----- -- ---- ----
--------- ------ -- ---- -- --- -------- -- ---- ----
------------ ----- ------- ------------- -- ---- -- --- ----------- -- ---- -------
------------------ -- -
----------------------- ----------
-------------- -- -
-------------------- -----
---
--
-------- -
------ -
------
------- ---------- ---- ------- ---------------------- --
-------
--
-
-在示例代码中，我们在支付组件中使用了 React Native 上的 PayPal 桥接库。这里我们调用 `Paypal.paymentRequest' 用于请求一个支付。
在调用 paymentRequest 方法时，你需要传递以下信息：
clientId—— 这是你在 PayPal 账户中创建的应用程序的客户端ID。environment——这是 PayPal 的环境，可能是NO_NETWORK或SANDBOX，用于测试。price——这是要支付的金额。currency——这是要支付的货币类型。description——这是支付描述。
述这些参数都必须从服务端获取。
最后，当用户点击按钮时，我们会调用 paymentRequest 方法，通过传入上述的支付信息，完成支付过程并打印responseData到日志中。
至此，react-native-paypal-bridge 库的使用和配置就介绍完了，希望能够帮助大家快速加入支付环节。
参考资料
- React Native PayPal Bridge 官方文档: https://github.com/tjLuo/react-native-paypal-bridge.
- PayPal 官方文档：https://developer.paypal.com/.
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733c890c4f7277583528