https://github.com/abduljeleelng/react-native-rave-sdk

React-native-rave-sdk is the react-native wrapper for the Rave API from fluttewave to charge customer, React-native-rave-sdk using the WebView and performed server-side transaction verification at ago. React-native-rave-sdk comes with all the rave features. It worth gives a try at your next react-native project with rave API
https://github.com/abduljeleelng/react-native-rave-sdk

flutterwave flutterwave-api-react-native payment rave react-native react-native-flutterwave react-native-rave react-native-rave-sdk react-native-rave-webview

Last synced: 7 months ago
JSON representation

React-native-rave-sdk is the react-native wrapper for the Rave API from fluttewave to charge customer, React-native-rave-sdk using the WebView and performed server-side transaction verification at ago. React-native-rave-sdk comes with all the rave features. It worth gives a try at your next react-native project with rave API

• Host: GitHub
• URL: https://github.com/abduljeleelng/react-native-rave-sdk
• Owner: abduljeleelng
• Created: 2022-11-13T17:45:30.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T14:48:06.000Z (over 3 years ago)
• Last Synced: 2025-10-19T16:01:00.218Z (10 months ago)
• Topics: flutterwave, flutterwave-api-react-native, payment, rave, react-native, react-native-flutterwave, react-native-rave, react-native-rave-sdk, react-native-rave-webview
• Language: TypeScript
• Homepage:
• Size: 967 KB
• Stars: 9
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)

# [react-native-rave-sdk](https://developer.flutterwave.com)

### React native Rave SDK 

```bash

npm install react-native-rave-sdk

```

or

```bash

yarn add react-native-rave-sdk

```

### Basic Usage

```bash 

import { StatusBar } from 'expo-status-bar';

import { StyleSheet, Text, View } from 'react-native';

import {Button } from 'react-native-paper'

import Rave from 'react-native-rave-sdk';

export default function App() {

  const amount = 200

  const getReference = () => {

    let text = '';

    let possible =

      'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-.=';

    for (let i = 0; i < 10; i++) {

      text += possible.charAt(Math.floor(Math.random() * possible.length));

    }

    return text;

  };

  

  return (

    

      React Native Rave SDK

       {

          console.log({res})

        }}

        onFailed={res => {

          console.log({res})

        }}

        onSuccess={res => {

          console.log({res})

        }}

        onVerifyingError={res => {

          console.log({res})

        }}

      />

       Custom Button 

      

       {

          console.log({res})

        }}

        onFailed={res => {

          console.log({res})

        }}

        onSuccess={res => {

          console.log({res})

        }}

        onVerifyingError={res => {

          console.log({res})

        }}

        

        customButtonProps={{

          ButtonComp:Button,

          icon:"bank",

          children:"Make Payement",

          style:{backgroundColor:"green"},  

          mode: "outlined",

        }}

      />

      

    

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#fff',

    alignItems: 'center',

    justifyContent: 'center',

  },

});

```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

=======

  

    

      
Abduljeleel Yusuff
📖 💻 🚧 🤔 ⚠️ ✅ 👀 💡

    

  

  

    

      

        

          Add your contributions

        

      

    

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!