KKIAPAY
DashboardSupport
FR 1.0.0
FR 1.0.0
  • Introduction
  • Accueil
    • Kkiapay
  • Compte
    • Création d'un compte
    • Activation de compte
    • Kkiapay Sandbox : Guide de Test
    • Utilisation de Kkiapay
  • Paiements
    • Devises supportées
    • Méthodes de paiement
    • Frais
    • Reversements
    • Transactions
  • Plugin et SDK
    • Prestashop
    • WooCommerce
    • Wordpress Give
    • Wordpress Jobster
    • SDK Javascript
      • Intégration de KKiaPay dans une application vue.js
      • Intégration de KKiaPay dans une application rendue côté serveur (nuxt.js)
      • Intégration de KKiaPay dans une application React.js
      • Intégration de KKiaPay dans une application Angular
      • Intégration de KKiaPay dans une application Svelte
    • SDK Android
    • SDK Flutter
    • SDK React-Native
    • SDK Swift pour iOS
    • Admin SDKs (Server-side)
      • PHP Admin SDK
      • Python Admin SDK
      • Node.js Admin SDK
  • KKIAPAY SERVICES
    • KKiaPay Direct
    • KKiaPay POS
  • Tableau de bord
    • Présentation génerale
    • Menu
      • Transactions
      • Clients
      • Reversements
      • Développeurs
      • Paramètres
    • Webhook
  • Sécurité et Gestion des fraudes
    • Dispositions de sécurité
    • Email ou site web suspect
Powered by GitBook
On this page
  • Installation
  • Utilisation

Was this helpful?

  1. Plugin et SDK

SDK React-Native

Installation

npx expo install react-native-webview
npm install @kkiapay-org/react-native-sdk

Utilisation

  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. 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: "randomgail@gmail.com",
      phone: "97000000",
    });
  };

  return (
    <View>
      <Button title="Payer maintenant" onPress={openWidget} />
    </View>
  );
}
PreviousSDK FlutterNextSDK Swift pour iOS

Last updated 8 months ago

Was this helpful?