React-native-paypal-web-payments NPM

react-native-paypal-web-payments

PayPal Web Payments native integration for React native and Expo.

Installation

npm install react-native-paypal-web-payments

Setup

Add onNewIntent to the MainActivity in your app:

import android.content.Intent
// ...

class MainActivity : ReactActivity() {

  // ...
  
  override fun onNewIntent(newIntent: Intent?) {
    super.onNewIntent(newIntent)
    intent = newIntent
  }

Update your app's AndroidManifest.xml with your custom URL scheme in the intent-filter

```xml
<activity
  android:name=".MainActivity"
  ...>
  ...
  <intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="custom-url-scheme" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
  </intent-filter>
</activity>
```

Update expo config

{
  "expo": {
    "scheme": "custom-url-scheme",
    "plugins": [
      "react-native-paypal-web-payments"
    ]
  }
}

Usage

import {
  startCheckout,
  PaypalEnvironment,
  PayPalWebCheckoutFundingSource,
} from 'react-native-paypal-web-payments';
import { PayPalButton } from "react-native-paypal-button";
// ...
  <PayPalButton
    onPress={() => {
      startCheckout({
        clientID: "client-id",
        environment: PaypalEnvironment.sandbox,
        urlScheme: "url-scheme",
        orderID: "order-id",
        fundingSource: PayPalWebCheckoutFundingSource.paypal,
        onEvent: (result) => {
          console.log(result);
        },
      })
    }}
  />