@transak/react-native-sdk

Transak React Native SDK

An SDK for react native integration of Transak widget. Wrapped over webview(react-native-webview), it provides option to listen to order events. Using this you get Google Pay integrated by default.

Installation

# Using yarn
$ yarn add @transak/react-native-sdk

# Using npm
$ npm install @transak/react-native-sdk

Install these required peer dependencies to facilitate auto-linking (If not already part of your app)

yarn add react-native-webview react-native-inappbrowser-reborn @react-native-community/netinfo

Example usage

import TransakWebView from '@transak/react-native-sdk';

function TransakReactNativeSdkIntegration() {
  return (
    <TransakWebView
      config={{
        apiKey: '<your-api-key>',
        environment: '<environment: STAGING/PRODUCTION>',
      }}
      onTransakEventHandler={(event, data) => console.log(event, data)}
    />
  );
};

Props

The component accepts all the valid props for react-native-webview except the following: injectJavaScript, sharedCookiesEnabled, injectedJavaScript, injectedJavaScriptBeforeContentLoaded

Prop	Description
config	Refer here for a full list of valid options
onTransakEventHandler	Accepts callback function to listen to order related events

License

ISC Licensed. Copyright (c) 2022 Transak Inc..