React Native Integration

The following documentation is only focused on the react-native wrapper around our Android and iOS sdks. To know more about our react-native SDK, refer to the following documentation -
For requirements and to refer offical doumentation of the react native package click here .

In our API Specifications you can find a full list of parameters that can be sent in the initial request.

Use this package as a library

Installation :

Using npm :

npm install --save react-native-pz-checkout-kit

Using yarn :

yarn add react-native-pz-checkout-kit

For Expo Users :

npx expo install react-native-pz-checkout-kit

For linking click here

Now in your React Native code, you can use:

import { PaymentzCheckoutKit, RequestParameter } from 'react-native-pz-checkout-kit'

Usage

Sample code for reading the response

            
            <TouchableOpacity style={{ width: "100%", padding: 10, backgroundColor: '#1488CC' }} onPress={() => {
                    PaymentzCheckoutKit.initPayment(requestParameters, "YOUR SECRET KEY HERE").then((data) => {
                    // handle success
                    alert(data.resultDescription)
                    console.log(data)

                    }).catch((error) => {
                    //handle failed
                    alert(error.resultDescription)
                    console.log(error)
                    })
                }}>
                <Text style={{ color: 'white', alignSelf: 'center' }}>Pay</Text>
                </TouchableOpacity>

Payment Modes and Brands

Find below the list of payment modes and brands for standard checkout.

Show all modes and brands

Mode	Brand