Seerit React Native SDK can be used to integrate the SeerBit payment gateway into your react native application.
Seerit React Native SDK can be used to integrate the SeerBit payment gateway into your react native application.
Register for a merchant account on Seerbit Merchant Dashboard to get started.
npm install --save seerbit-react-native
If you have any problems, questions or suggestions, create an issue here or send your inquiry to [email protected]
You should already have your API keys. If not, go to dashboard.seerbitapi.com.
import React, { Component } from 'react';
import { View } from 'react-native';
import Seerbit from 'seerbit-react-native';
class Example extends Component {
render() {
return (
<View style={{ flex: 1 }}>
<View style={{justifyContent: 'center', alignItems: 'center'}}>
<Seerbit
buttonText="Pay with Seerbit"//OPTIONAL
showButton={ false }//OPTIONAL DEFAULTS TO TRUE
autoLoad={ true } //OPTIONAL DEFAULTS TO TRUE
amount="105.00"//REQUIRED
ActivityIndicatorColor="blue"//OPTIONAL
btnStyles={{
alignItems: 'center',
backgroundColor: "green",
padding: 15,
marginTop: 100,
marginLeft: 30,
marginRight: 30,
}}//OPTIONAL
textStyles={{
color: "#fff",
}}//OPTIONAL
ref={ seerBitCheckout }//REQUIRED
transaction_reference={new Date().getTime()}//REQUIRED
currency="NGN"//OPTIONAL FOR NIGERIA
pocket_reference=""//OPTIONAL
vendor_id=""//OPTIONAL
description="LIVE"//OPTIONAL
full_name="Bello Kola"//OPTIONAL
email="[email protected]"//OPTIONAL
country="NG"//OPTIONAL
public_key="YOUR_PUBLIC_KEY"//REQUIRED
onSuccess={(response) => { console.log(response) }}
onCancel={() => { console.log('something went wrong') }}
/>
</View>
);
}
}
export default Example;
Author: seerbit
Source Code: https://github.com/seerbit/seerbit-react-native
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.
Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.
Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.
Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.