A React Native library for the paypal sdk for both android and ios.
$ npm install react-native-paypal-bridge-sdk --save
$ react-native link react-native-paypal-bridge-sdk
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-paypal-bridge-sdk
and addRNPaypalSdk.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNPaypalSdk.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.reactnative.paypalsdk.RNPaypalSdkPackage;
to the imports at the top of the file - Add
new RNPaypalSdkPackage()
to the list returned by thegetPackages()
method
-
Append the following lines to
android/settings.gradle
:include ':react-native-paypal-bridge-sdk' project(':react-native-paypal-bridge-sdk').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-paypal-bridge-sdk/android')
-
Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':react-native-paypal-bridge-sdk')
Prop | Description | Type |
---|---|---|
clientId |
Your client id for each relevant environment, as obtained from developer.paypal.com | String |
environment |
Your paypal environment. | RNPaypal.ENVIRONMENT |
intent |
Name of the animation, see below for available animations. | RNPaypal.INTENT |
price |
Amount in the given currency to process. Must be positive. | Integer |
currency |
ISO standard currency code (http://en.wikipedia.org/wiki/ISO_4217). | String |
description |
A short description of the transaction, for display to the user. | String |
acceptCreditCards |
If set to NO, the SDK will only support paying with PayPal, not with credit cards. | Bool |
The Environment. The allowed values are:
-
NO_NETWORK
. No need for real credentials at Login prompt. -
SANDBOX
. You'll need sandbox credentials in order to work at (https://developer.paypal.com/developer/accounts). -
PRODUCTION
. In order to work you need to have an production client id.
The intent. The allowed values are:
-
SALE
. For immediate payment. -
AUTHORIZE
. For a delayed payment. -
ORDER
. An Order.
import RNPaypalSdk from "react-native-paypal-bridge-sdk";
RNPaypalSdk.paymentRequest({
clientId: "<YOUR CLIENT ID>",
environment: RNPaypalSdk.ENVIRONMENT.NO_NETWORK,
intent: RNPaypalSdk.INTENT.SALE,
price: 60,
currency: "USD",
description: `Android testing`,
acceptCreditCards: true,
})
.then((response) => {
console.log(response);
})
.catch((err) => {
console.log(err.message);
});