Skip to content

Commit 9ab38d3

Browse files
just1and0just1and0
committed
Fix:Documentation styles
1 parent 7938d60 commit 9ab38d3

File tree

1 file changed

+30
-27
lines changed

1 file changed

+30
-27
lines changed

‎README.md

+30-27
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
1-
<div style="text-align: center;">
2-
3-
# React Native Paystack WebView
1+
<div>
2+
<center>
3+
<h1>React Native Paystack WebView</h1>
44
The package allows you accept payment using paystack, install, add keys and use. No stress :)
55

66
[![All Contributors](https://img.shields.io/badge/all_contributors-9-orange.svg?style=flat-square)](#contributors-)
77
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
88

9+
</center>
910
</div>
10-
11-
12-
<div style="text-align: center;">
11+
<div>
12+
<center>
1313
<img width="306" alt="Screenshot of library in action" src="https://user-images.githubusercontent.com/41248079/126550307-5f12c6d8-81af-4f26-951b-5d6514304022.png">
14+
</center>
1415
</div>
15-
1616

1717

1818
### [](https://github.com/just1and0/React-Native-Paystack-WebView#installation)Installation
1919

20-
Add `react-native-paystack-webView` to your project by running;
20+
Add `react-native-paystack-webview` to your project by running;
2121

2222
```bash
2323
npm install react-native-paystack-webview
@@ -110,21 +110,21 @@ function Pay(){
110110

111111
### [](https://github.com/just1and0/object-to-array-convert#all-object-to-array-convert-props) API Reference
112112

113-
| Name | use/description | extra |
114-
| :----------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | ---------------------------------------------------------: |
115-
| `paystackKey` | Public or Private paystack key(visit paystack.com to get yours) | `nill` |
116-
| `amount` | Amount to be paid | `nill` |
117-
| `activityIndicatorColor` | color of loader | default: `green` |
118-
| `billingEmail(required by paystack)` | Billers email | default: `nill` |
119-
| `billingMobile` | Billers mobile | default: `nill` |
120-
| `billingName` | Billers Name | default: `nill` |
121-
| `subaccount` | Specify subaccount code generated from the Paystack Dashboard or API to enable Split Payment on the transaction. Here's an example of usage: `subaccount: "SUB_ACCOUNTCODE"` | default: `nill` |
122-
| `channels` | Specify payment options available to users. Available channel options are: ["card", "bank", "ussd", "qr", "mobile_money"]. Here's an example of usage: `channels={["card","ussd"]}` | default: `["card"]`|
123-
| `onCancel` | callback function if user cancels or payment transaction could not be verified. In a case of not being verified, transactionRef number is also returned in the callback | default: `nill` |
124-
| `onSuccess` | callback function if transaction was successful and verified (it will also return the transactionRef number in the callback ) | default: `nill` |
125-
| `autoStart` | Auto start payment once page is opened | default: `false` |
126-
| `refNumber` | Reference number, if you have already generated one | default: `''+Math.floor((Math.random() * 1000000000) + 1)` |
127-
| `handleWebViewMessage` | Will be called when a WebView receives a message | default: `true` |
113+
| Name | use/description | extra |
114+
| :----------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | ---------------------------------------------------------: |
115+
| `paystackKey` | Public or Private paystack key(visit paystack.com to get yours) | `nill` |
116+
| `amount` | Amount to be paid | `nill` |
117+
| `activityIndicatorColor` | color of loader | default: `green` |
118+
| `billingEmail(required by paystack)` | Billers email | default: `nill` |
119+
| `billingMobile` | Billers mobile | default: `nill` |
120+
| `billingName` | Billers Name | default: `nill` |
121+
| `subaccount` | Specify subaccount code generated from the Paystack Dashboard or API to enable Split Payment on the transaction. Here's an example of usage: `subaccount: "SUB_ACCOUNTCODE"` | default: `nill` |
122+
| `channels` | Specify payment options available to users. Available channel options are: ["card", "bank", "ussd", "qr", "mobile_money"]. Here's an example of usage: `channels={["card","ussd"]}` | default: `["card"]` |
123+
| `onCancel` | callback function if user cancels or payment transaction could not be verified. In a case of not being verified, transactionRef number is also returned in the callback | default: `nill` |
124+
| `onSuccess` | callback function if transaction was successful and verified (it will also return the transactionRef number in the callback ) | default: `nill` |
125+
| `autoStart` | Auto start payment once page is opened | default: `false` |
126+
| `refNumber` | Reference number, if you have already generated one | default: `''+Math.floor((Math.random() * 1000000000) + 1)` |
127+
| `handleWebViewMessage` | Will be called when a WebView receives a message | default: `true` |
128128

129129

130130
## [](https://github.com/just1and0/object-to-array-convert#contributions)Contributions
@@ -142,13 +142,16 @@ This project is licensed under the MIT License.
142142

143143
### Video Tutorial
144144

145-
- [Accepting Payment With Paystack In React Native](https://www.youtube.com/watch?v=M-V4Q9zk9DE&t=19s) by [just1and0](https://twitter.com/just1and0)
145+
- [Accepting Payment With Paystack In React Native](https://www.youtube.com/watch?v=M-V4Q9zk9DE&t=19s) by [just1and0](https://twitter.com/just1and0)
146146

147-
### Don't forget to star, like and share :)
147+
## Sponsorship
148+
- Star the project on Github
149+
- [Buy me a coffee](buymeacoffee.com/6pL0Q8YkW)
148150

149-
## Contributors ✨
151+
## Thanks to Our Superheroes ✨
152+
A huge shoutout to our amazing contributors! Your efforts make this project better every day. Check out the ([emoji key](https://allcontributors.org/docs/en/emoji-key)) for what each contribution means:
150153

151-
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
154+
152155

153156
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
154157
<!-- prettier-ignore-start -->

0 commit comments

Comments
 (0)