react-native-sawo
v1.0.5
Published
Passwordless and OTP-less Authentication for your website. It helps you to authenticate user via their email or phone number.
Downloads
14
Maintainers
Readme
Sawo React-Native SDK
Demo
|Login Button | Email Login | Phone Login | User Data | |------------|------------|------------|------------| | | | | |
Table of Contents
Overview
Sawo provides the api and infrastructure you need to authenticate your users in react-native project.
For more information, visit the Sawo SDK documentation.
PeerDependencies
Sawo have peer dependecies on
- react
- react-native
- react-navigation
- react-native-webview
Installation
Peer Dependecy check
Check if "React Navigation" is properly installed, if not please follow React navigation installation doc
Check for 'react-native-webiew', it is required package for Sawo. As currently auto linking for package depencdy is not there in react-native.
npm i react-native-webview
Generate API_KEY and SECRET_KEY
- Login to sawo dev console.
- Create a new project
- Set Project Name
- Set Project Host
- For dev: point to localhost
- For prod: point to your domain.
- Copy your API key & Secret Key
To get started with Sawo, use the npm to add the package to your project's dependencies:
$ npm install react-native-sawo
Configuration
import Sawo package in your project
import Sawo from 'react-native-sawo';
Configure your route
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
const Stack = createStackNavigator();
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="YOUR_LOGIN_ROUTE"
component={Sawo}
options={{
title: 'OTP Login',
headerShown: false, // by default its true, to hide the header
}}
/>
</Stack.Navigator>
</NavigationContainer>
then when calling route, we need to pass required credentials and a callback method to receive the user login data
navigation.navigate('YOUR_LOGIN_ROUTE', {
apiKey: 'YOUR_API_KEY',
secretKey: 'YOUR_SECRET_KEY',
identifierType: '', // email | phone_number_sms,
callback: data => {}
});
Click here to visit example project
License
Sawo SDK is licensed under the MIT License.