XPay Element for React Native is an embedded payment system that allows you to collect payments directly from users within your applications. This package is highly customizable, enabling you to tailor the appearance and functionalities of the payment form to align seamlessly with your app's style and theme.

Features

Seamless Payment Integration

Easily integrate payment functionalities into your app without redirecting users to external applications or pages.

Custom Styling

Style the payment SDK according to your app's theme with customizable labels, placeholders, and more.

Embedded Authentication

Conduct OTP authentication within your app, ensuring a smooth and secure user experience.

Event Handling

Utilize built-in events such as onBinDiscount and onReady to dynamically manage changes and validate inputs.

Prerequisite Dependency

🧩 For React Native versions below 0.76

// using npm
npm i react-native-webview@^11.23.1

// using yarn 

yarn add react-native-webview@^11.23.1

🧩 For React Native versions 0.76 and above

// using npm
npm i react-native-webview@^13.13.5

// using yarn 

yarn add react-native-webview@^13.13.5

Getting started

To incorporate the XPay embedded payment system into your application, start by adding the following dependency:

🧩 For React Native versions below 0.76

// for live env.
	npm i @xstak/[email protected]

// for stagging env.
	npm i @xstak/[email protected]

🧩 For React Native versions 0.76 and above