@fluidcoins/react-native-mono
v0.2.0
Published
Connect your React native app with Mono. No Native linking. Works out of the box :)
Downloads
3
Readme
react-native-mono
This package allows you implement the Mono widget in your React Native application.
Demo can be found at https://recordit.co/zJGP7SKbee
Installation
- NPM
$ npm install react-native-webview @fluidcoins/react-native-mono
- Yarn
$ yarn add react-native-webview @fluidcoins/react-native-mono
This library only requires
react-native-webview
as a peer dependency. This is to prevent having to deal with npm's multiple multiple versions issues. If you have it installed already in your project, you can install this library only
Linking
None :)
Although, if you installed react-native-webview
, you will need to run npx pod-install
Usage
import Mono from '@fluidcoins/react-native-mono';
import {View} from 'react-native';
import React, {useEffect} from 'react';
import {useDispatch} from 'react-redux';
const ConnectMono = ({navigation}) => {
const dispatch = useDispatch();
return (
<View style={{flex: 1}}>
<Mono
publicKey={'test_pk_XYZ'}
onClose={(e) => {
navigation.pop();
}}
onSuccess={(code) => {
console.log('Code from Mono', code);
// Connect to backend here
// dispatch(authenticateMonocode(code))
navigation.pop();
}}
/>
</View>
);
};
export default ConnectMono;
Props
These props are currently available
publicKey
: This is your mono public key. Please don't make use of your secret key.onClose
: This is called when the Mono widget is closedonSuccess(code)
: This is called when the user successfully authenticate with Mono. The code should be sent to the backend for authorization and account retrieval.loaderColor
: Before Mono is loaded, anActivityIndicator
is shown, this prop configures the color. If not provided, it defaults to#035AA6