anhtuank7c / react-native-instagram-login

a react native instagram login component (support android & ios). Pull requests are welcome!

React Native Instagram login

Install

npm install react-native-instagram-login --save

• How to get Client ID of instagram?

go to https://www.instagram.com/developer/register/ to register instagram app. then get client ID

Usage:

import InstagramLogin from 'react-native-instagram-login'
<View>
    <TouchableOpacity onPress={()=> this.instagramLogin.show()}>
        <Text style={{color: 'white'}}>Login</Text>
    </TouchableOpacity>
    <InstagramLogin
        ref= {ref => this.instagramLogin= ref}
        clientId='xxxxxxxxxx'
        scopes={['public_content', 'follower_list']}
        onLoginSuccess={(token) => this.setState({ token })}
        onLoginFailure={(data) => console.log(data)}
    />
</View>

Props

Property	Type	Description
clientId	PropTypes.string	Instagram App ClientId
responseType	PropTypes.string	'code' or 'token', default 'token'
scopes	PropTypes.array	Login Permissions
redirectUrl	PropTypes.string	Your redirectUrl
onLoginSuccess	PropTypes.func	Function will be call back on success
onLoginFailure	PropTypes.func	Function will be call back on error
onClose	PropTypes.func	Function will be call back on close modal
modalVisible	PropTypes.bool	true or false
renderClose	PropTypes.func	Render function for customize close button
containerStyle	PropTypes.object	Customize container style
wrapperStyle	PropTypes.object	Customize wrapper style
closeStyle	PropTypes.object	Customize close style

Logout

To logout use clear cookies by using https://github.com/shimohq/react-native-cookie

import Cookie from 'react-native-cookie'

  logout() {
    Cookie.clear().then(() => {
      this.setState({ token: null })
    })
  }

Pull request

Pull requests are welcome!