A React Native SDK for decentralised applications to onboard their global user base with fiat currency.
npm i @transak/react-native-sdkInstall these required peer dependencies to facilitate auto-linking.
npm i react-native-webview
npm i react-native-inappbrowser-reborn
npm i @react-native-community/netinfoimport { TransakWebView, Environments, Events, TransakConfig, EventTypes, Order } from '@transak/react-native-sdk';
function TransakWebViewIntegration() {
const transakConfig: TransakConfig = {
apiKey: '<your-api-key>', // (Required)
environment: Environments.STAGING/Environments.PRODUCTION, // (Required)
// .....
// For the full list of query params refer Props section below
};
const onTransakEventHandler = (event: EventTypes, data: Order) => {
switch(event) {
case Events.ORDER_CREATED:
console.log(event, data);
break;
case Events.ORDER_PROCESSING:
console.log(event, data);
break;
case Events.ORDER_COMPLETED:
console.log(event, data);
break;
default:
console.log(event, data);
}
};
return (
<TransakWebView
transakConfig={transakConfig}
onTransakEvent={onTransakEventHandler}
// .....
// For the full list of react-native-webview props refer Props section below
/>
);
}| Prop | Description |
|---|---|
| transakConfig | Refer here for the full list of customisation options |
| onTransakEvent | Callback function to listen to order related events |
This component accepts most of the [react-native-webview props](https://github.com/react-native-webview/react-native-webview/blob/HEAD/docs/Reference.md), except the following: sharedCookiesEnabled, injectedJavaScript, injectedJavaScriptBeforeContentLoaded
ISC Licensed. Copyright (c) 2023 Transak Inc.