The package allows you accept payment using credo
Add React-Native-Credo-WebView to your project by running;
npm install credo-webview-for-reactnative react-native-webview
or
yarn add credo-webview-for-reactnative react-native-webview
for iOS: cd iOS && pod install && cd ..
import React, { useState } from 'react';
import { Credo } from 'credo-webview-for-reactnative';
import { View, Text } from 'react-native';
const Pay = () => {
const [modalVisible, setModalVisible] = useState(false);
const closeModal = () => setModalVisible(false);
const handleSubmit = () => setModalVisible(true);
return (
<View style={{ flex: 1 }}>
Î<Credo
amount={3500}
currency="NGN"
customerEmail="[email protected]"
customerName="Credo Dibs"
customerPhoneNo="08090000000"
publicKey="your-public-key"
showModal={modalVisible}
onSuccess={(response) => {
//handle response
}}
closeModal={closeModal}
/>
<Pressable onPress={handleSubmit} title="Submit">
<Text>Test Payment</Text>
</Pressable>
</View>
);
}| Property | Type | Required | Description |
|---|---|---|---|
| publicKey | string |
✔️ | Public Credo key(visit credocentral.com to get yours) |
| amount | string or number |
✔️ | amount to be charged, should be greater than #100 |
| customerEmail | string |
✔️ | Customer's email address email |
| customerName | string |
✔️ | Customer's name |
| customerPhoneNo | string |
✔️ | Customer's phone number |
| referenceNo | string |
Reference number, if you have already generated one. This would be auto generated by Credo if you don't provide it. | |
| showModal | boolean |
✔️ | Set modal visibility. When it is true, the Credo Payment widget pops up. |
| closeModal | Function |
✔️ | Function to be called to set showModal to false. |
| onSuccess | Function |
✔️ | Function to be called after a successful transaction. You can provide a function that looks like this: (successResponse: SuccessResponse) => void; |
| onCancel | Function |
callback function if user cancels or payment transaction could not be verified. |
Would you like to contribute to this package? Read how to contribute and send in your PR!
This project is licensed under MIT license.
Thanks goes to these wonderful people (emoji key):
 Olaide E.O 💻 📖 |
This project follows the all-contributors specification. Contributions of any kind welcome!