react-native-steem-signin
Steem SignIn Component for react native applications With SteemConnet V2 and AsyncStorage for LocalStorage.
Last updated a year ago by karimation .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-native-steem-signin 
SYNC missed versions from official npm registry.

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). <SteemConnect />, 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'

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'}
      />
    );
 }
}

Demo

Expo Link

Next

  • Sign up on Steem

Author

kerim selmi karimation

License

This project is licensed under the MIT License

Current Tags

  • 0.1.2                                ...           latest (a year ago)

3 Versions

  • 0.1.2                                ...           a year ago
  • 0.1.1                                ...           a year ago
  • 0.1.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (8)
Dev Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |