Skip to content

React Native

| View as Markdown

The airpay React Native Standard Kit provides a sample project that illustrates the complete integration flow. The kit also contains detailed documentation to guide you through the process.

Integration Steps:

step 1: Copy the SDK file to your project
Copy the expo-airpay-payment-sdk-1.0.0.tgz file to the root directory of your Expo project.
step 2: Install the SDK
Navigate to your project directory and install the SDK using npm or Yarn.
step 3: Configure the SDK
Update the config/config.json file in the SDK with your credentials and configuration details, such as Merchant ID and Success URL.
step 4: Import and render PaymentKit in your app
In your main app file, import PaymentKit from the SDK and set up the payment flow within a NavigationContainer.
step 5: Handle payment completion
Use the onComplete callback to process the payment response, navigate to a result screen, display messages, or trigger #### POST-payment actions.
step 6: Display payment results
Create a landing screen to display payment details like status, message, amount, and transaction ID, customizable with animations or retry options.
reactnative reactnative
Download