react-native-payfast

A react native component to integrate with PayFast via a webview/API calls.

Check out the PayFast documentation for more information on the payload and signature usage.

Note

Currently in BETA, with new features and improvements coming soon

Installation

1. Add the package to composer.json and run npm install

"dependencies" : {
    "react-native-payfast" : "^1.0.0"
}

Usage

1. Import the PayFastWebView component.

import {PayFastWebView} from "react-native-payfast";

1. Assign a JSON object of payment data to the data prop of the component. Note the naming conventions of the fields as per the official PayFast documentation.

const paymentData = {
    merchant_id : 10000100,
    merchant_key: '46f0cd694581a',
    amount: 60.00,
    item_name: 'React Native Purchase'
};
 
export default function App() {
    return (
        <View>
            <PayFastWebView title='Pay Now' data={paymentData}/>
        </View>
      );
}

Component Props