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.
npm install --save react-native-steem-signin
or
yarn add react-native-steem-signin
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]
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. |
import React, { Component } from 'react'
import { Alert } from 'react-native'
import SteemConnect from 'react-native-steem-signin'
export default class SteemSignIn extends Component {
_signIn(auth) {
Alert.alert('Auth data: '+auth);
}
render() {
return (
<SteemConnect
onLoggedIn={(auth) => this._signIn(auth)}
btnWidth= {180}
btnHeight= {80}
fontFamily= {'System'}
/>
);
}
}
- Sign up on Steem
kerim selmi karimation
This project is licensed under the MIT License