React-Native-Ortho

Official Ortho SDK for React Native/Expo applications. Don't forget to star ✨

About Ortho

Ortho help you integrate SDK with ease, connect to services like Paystack, Okra, Mono, thePeer, and load more with one integration.

Before getting started

• Checkout our Ortho-community-checkout to see service we support and needed configs.
• Can't find a service you need? try contributing to Ortho and make it much awesome Ortho-community-checkout

Installing

Using npm:

$ npm install react-native-ortho

Using yarn:

$ yarn add react-native-ortho

you'll also need to install react-native-webview, to install run ;

$ yarn add react-native-webview

Usuage

For React Native based application import it and use

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * Generated with the TypeScript template
 * https://github.com/react-native-community/react-native-template-typescript
 *
 * @format
 */

import React from 'react';
import {
  Alert,
  SafeAreaView,
  useColorScheme,
  View,
} from 'react-native';

import { Ortho } from 'react-native-ortho';

const App = () => {
  const isDarkMode = useColorScheme() === 'dark';
const  config = {
'short-url':'<your-short-url>',
'amount':100000
}
  return (
    <SafeAreaView style={{flex:1}}>
      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
      <View  style={{flex:1}}>

        <Ortho.Community
			slug={'ortho-okra-short-url'}
			config={config}
			color={'blue'}
			callback={
			(e: any) =>  onCallback(e)
			}
			/>

      </View>
    </SafeAreaView>
  );
};

export default App;

Ortho.community Options

Name	Type	Required	Default Value	Description
slug	String	true	nill	slug for service you want to integrate, see slug list here
config	object	true	nill	config of app you intend to integrate
color	String	false	yellow	color of app
callback	Function	true	nill	callback on event fired

Thanks & Credits

• Bob RN package template

Licensing

This project is licensed under BSD-3-Clause License license.