---
title: React Native
description: Integrate the airpay payment gateway into your React Native application.
---

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.

```

##### Choose Your React Native Integration Kit to Download!


``