Thepeer is a quick and secure way to send money across any business. The SDK handles connecting other businesses to your app.
npm install thepeer-react-nativeor
yarn add thepeer-react-nativeYou need to install react-native-webview if you don't have it installed. It's a dependency for this package. Here's a link to their docs.
importReactfrom'react';import{View,Pressable,Text}from'react-native';import{ThepeerSend,ThepeerDirectCharge,ThepeerCheckout,}from'thepeer-react-native';// ...constsendApp=()=>{const[openSendSDK,setOpenSendSDK]=useState(false);constcloseSendSDK=()=>setOpenSendSDK(false);return(<View><ThepeerSend{...{publicKey: 'PUBLIC_KEY',userReference: 'USER_REFERENCE',amount: 'AMOUNT_IN_KOBO',currency: 'NGN',
openSendSDK,onSuccess: (response)=>{console.log('response',response);closeSendSDK();},onError: (response)=>{console.log('response',response);closeSendSDK();},onClose: closeSendSDK,}}/><PressableonPress={()=>setOpenSendSDK(true)}><Text>Send</Text></Pressable></View>);};constdirectChargeApp=()=>{const[openDirectChargeSDK,setOpenDirectChargeSDK]=useState(false);constcloseDirectChargeSDK=()=>setOpenDirectChargeSDK(false);return(<View><ThepeerDirectCharge{...{publicKey: 'PUBLIC_KEY',userReference: 'USER_REFERENCE',amount: 'AMOUNT_IN_KOBO',currency: 'NGN',
openDirectChargeSDK,onSuccess: (response)=>{console.log('response',response);closeDirectChargeSDK();},onError: (response)=>{console.log('response',response);closeDirectChargeSDK();},onClose: closeDirectChargeSDK,}}/><PressableonPress={()=>setOpenDirectChargeSDK(true)}><Text>Direct Charge</Text></Pressable></View>);};constcheckoutApp=()=>{const[openCheckoutSDK,setOpenCheckoutSDK]=useState(false);constcloseCheckoutSDK=()=>setOpenCheckoutSDK(false);return(<View><ThepeerCheckout{...{publicKey: 'PUBLIC_KEY',amount: 'AMOUNT_IN_KOBO',currency: 'NGN',
openCheckoutSDK,onSuccess: (response)=>{console.log('response',response);closeCheckoutSDK();},onError: (response)=>{console.log('response',response);closeCheckoutSDK();},onClose: closeCheckoutSDK,}}/><PressableonPress={()=>setOpenCheckoutSDK(true)}><Text>Checkout</Text></Pressable></View>);};string: Required Your public key can be found on your dashboard settings.
string: Required The user reference returned by Thepeer API when a user has been indexed
string|number: Required The amount you intend to send in kobo
string: Optional The currency being used. Defaults to NGN
(response) => void: Required This is called when a transaction is successfully. It returns a response with event type and transaction object.
See the event types.
See the transaction object.
(response) => void: Required This is called when a transaction fails. It returns a response with event type
See the event types.
(response) => void: Required This is called when a user clicks on the close button.
object: Optional This object should contain additional/optional attributes you would like to have on your transaction response
boolean: Required
This is a prop to display/hide the sdk
boolean: Required This is a prop to display/hide the sdk
boolean: Required This is a prop to display/hide the sdk
string: Required The user's email address.
- The minimum version of the RN Webview package used for this project is
11.13.0. Update your version to this version or later to fix this issue. - To know all the versions of react-native-webview within your project, run
npm ls react-native-webview, and upgrade to the latest version.
If you're having trouble with Thepeer React or your integration, please reach out to us at support@thepeer.co. We're more than happy to help you out.
MIT for more information.