react-native-paypal-web-payments

PayPal Web Payments native integration for React native and Expo.

Table of Contents

• Installation
  • Setup
• Usage
• Useful Links
• Contributing
• License

Installation

npm install react-native-paypal-web-payments

Setup

Bare React Native

1. 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
     }

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

   <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>

Expo

1. 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);
        },
      })
    }}
  />

Useful Links

• PayPal Developer Dashboard
• PayPal Order v2 API
• PayPal iOS SDK
• PayPal Android SDK

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library