React Native SDK

npm install react-native-credo-payment react-native-webview
# or
yarn add react-native-credo-payment react-native-webview

cd ios && pod install

import React, { useState } from 'react';
import { View, Button, Alert } from 'react-native';
import { CredoPayment } from 'react-native-credo-payment';

const PaymentScreen = () => {
  const [visible, setVisible] = useState(false);

  return (
    <View style={{ flex: 1, justifyContent: 'center', padding: 20 }}>
      <Button title="Pay Now" onPress={() => setVisible(true)} />

      <CredoPayment
        publicKey="0PUBxxxxxxxxxxxxxxxxxxxxxxxx"
        amount={500000} // NGN 5,000 in kobo
        email="customer@example.com"
        currency="NGN"
        callbackUrl="https://your-website.com/payment/callback"
        visible={visible}
        onSuccess={(response) => {
          console.log('Success:', response.transRef);
          setVisible(false);
          // Verify transaction on your backend
        }}
        onClose={() => setVisible(false)}
      />
    </View>
  );
};

import { useCredoPayment } from 'react-native-credo-payment';

const PaymentScreen = () => {
  const { visible, openPaymentModal, handleSuccess, handleClose } = useCredoPayment({
    onSuccess: (response) => {
      console.log('Paid:', response.transRef);
    },
  });

  return (
    <>
      <Button title="Pay Now" onPress={openPaymentModal} />

      <CredoPayment
        publicKey="0PUBxxxxxxxxxxxxxxxxxxxxxxxx"
        amount={500000}
        email="customer@example.com"
        callbackUrl="https://your-website.com/payment/callback"
        visible={visible}
        onSuccess={handleSuccess}
        onClose={handleClose}
      />
    </>
  );
};

{
  transRef: string;    // Transaction reference for verification
  status: string;      // 'pending' - verify on your server
  amount: number;
  currency: string;
}

const handleSuccess = async (response) => {
  const { transRef } = response;

  // Call your backend to verify
  const result = await fetch(`https://your-api.com/verify/${transRef}`);
  const data = await result.json();

  if (data.status === 'successful') {
    // Grant access
  }
};

const verify = await fetch(
  `https://api.credocentral.com/transaction/${transRef}/verify`,
  { headers: { 'Authorization': 'YOUR_SECRET_KEY' } }
);