Comment on page
SDK React-Native
npm install @kkiapay-org/react-native-sdk
- 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>
);
}
- 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,
email: "[email protected]",
phone: "97000000",
});
};
return (
<View>
<Button title="Payer maintenant" onPress={openWidget} />
</View>
);
}
Last modified 1mo ago