Last updated 4 months ago
Importez le provider KKiaPay pour accéder à toutes les fonctionnalités du contexte
Utilisez le hook useKkiapay pour obtenir toutes les fonctions disponibles
npx expo install react-native-webview npm install @kkiapay-org/react-native-sdk
// Dans le fichier App import { KkiapayProvider } from '@kkiapay-org/react-native-sdk'; import TestComponent from './TestComponent'; export default function App() { return ( <KkiapayProvider> <TestComponent /> </KkiapayProvider> ); }
// 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: "randomgail@gmail.com", phone: "97000000", }); }; return ( <View> <Button title="Payer maintenant" onPress={openWidget} /> </View> ); }