KKIAPAY
FR 1.0.0
Search
K
Links
Comment on page

SDK React-Native

Installation

npm install @kkiapay-org/react-native-sdk

Utilisation

  1. 1.
    Importez le provider KKiaPay pour accéder à toutes les fonctionnalités du contexte
// Dans le fichier App
import { KkiapayProvider } from '@kkiapay-org/react-native-sdk';
import TestComponent from './TestComponent';
export default function App() {
return (
<KkiapayProvider>
<TestComponent />
</KkiapayProvider>
);
}
  1. 2.
    Utilisez le hook useKkiapay pour obtenir toutes les fonctions disponibles
// Dans le composant -- TestComponent
import { useKkiapay } from '@kkiapay-org/react-native-sdk';
import { useEffect } from 'react';
import { Button, View } from 'react-native';
export default function TestComponent() {
const { openKkiapayWidget, addSuccessListener, addFailedListener } = useKkiapay();
useEffect(() => {
addSuccessListener(data => {
console.log('data ', data);
});
addFailedListener(data => {
console.log('data ', data);
});
}, []);
const openWidget = () => {
openKkiapayWidget({
amount: 4000,
api_key: "xxxxxxxxxxxxxxxxxx",
sandbox: true,
phone: "97000000",
});
};
return (
<View>
<Button title="Payer maintenant" onPress={openWidget} />
</View>
);
}