react-native-steem-signin
Steem SignIn Component for react native applications With SteemConnet V2 and AsyncStorage for LocalStorage.
After success sign in the authentication data saved in the AsyncStorage under the key auth .
AsyncStorage is a simple, unencrypted, asynchronous, persistent, key-value storage system that is global to the app.
Note: Demo above includes debug text to confirm signin (i.e. user name, expires time and access token). , by default, will only display the native 'Sign in with SteemConnect' button.
Setup
npm install --save react-native-steem-signin
or
yarn add react-native-steem-signin
Create .env file and fill the env vars:
LOGIN_URL=
CALLBACK_URL=
-
CALLBACK_URL: This is the URL that users will be redirected to after interacting with SC2. It must be listed in the "Redirect URI(s)" list in the app settings EXACTLY the same as it is specified here.
-
LOGIN_URL: URL that you can redirect the user to so that they may log in to your app through SC2.
Note : You can generate LOGIN_URL with steemconnect sdk
var link = api.getLoginURL(state);
console.log(link)
// => https://steemconnect.com/oauth2/authorize?client_id=[app]&redirect_uri=[callbackURL]&scope=vote,comment&state=[state]
Component props
Property | Type | Default | Description |
---|---|---|---|
onLoggedIn() | function | required |
Fires after each Sign in and return auth data. |
btnWidth | number | 180 | The Width of the Sign in button. |
btnHeight | number | 80 | The Height of the Sign in button. |
fontFamily | string | System |
The font family to be used. |
Usage
import React Component from 'react'import Alert from 'react-native'import SteemConnect from 'react-native-steem-signin' { Alert; } { return <SteemConnect = = = = /> ; }
Demo
Next
- Sign up on Steem
Author
kerim selmi karimation
License
This project is licensed under the MIT License