React Native
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!
Section titled “Choose Your React Native Integration Kit to Download!”“