Socket
Socket
Sign inDemoInstall

react-native-simple-instagram

Package Overview
Dependencies
2
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    react-native-simple-instagram

Instagram API client for React Native without react-native link


Version published
Weekly downloads
3
increased by50%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

React-Native-Simple-Instagram

Instagram API client for React Native without react-native link.
This client not use NativeModule, only pure javascript.
So this don't use react-native link and Expo can also easily use Instagram API without auth0 and server.

And also offer login button,so that is easily login Instagram.
Button is customizable, and including login webview.

Checkout example.

Installation

npm install react-native-simple-instagram --save

Features

  • Not use NativeModules, only pure javascript
  • Simple API client
  • Just put a button to login
  • Customizable login button
  • Compatible with SafeAreaView

Demo

demo gif

InstagramLoginButton props

NameTypeDefaultDescription
typestringTouchableOpacityTouchableOpacity or TouchableHighlight or TouchableWithoutFeedback
childrenReact.Component
clearCookiesboolfalseclear WebView cookies
callbackUrlstring(required)nullInstagram application callback url
responseTypestringtokentoken or code. if responseType === token, requires clientSecret.
scopearray['basic','public_content']check this document
headerColorstring'#f7f7f7'Webview's modal and SafeAreaView backgroundColor
onPressfunc(e) => {}Called when login button on Press
onGetAccessTokenfunc({oauth_token,oauth_token_secret}) => {}Called when get access token
onClosefunc() => {}Called when press close button
onSuccessfunc(user) => {}Called when logged in and get user account
onErrorfunc(e) => {}Called when on error
renderHeaderfunc(props) => React.ComponentIf you use original Header Component,use this props

Client API

  • intagram.setClientId(client_id,client_secret) - set application id and secret.
  • intagram.setAccessToken(access_token) - set user access_token, when you already have access_token.
  • intagram.getLoginUrl(callback_url,response_type,scope) - get login url for authorize app.
  • intagram.getAccessToken(code) - if reponse_type = code, you must call this.
  • intagram.api(method,endpoint,parameters) - call intagram api.
  • intagram.get(endpoint,parameters) - call intagram get api.
  • intagram.post(endpoint,parameters) - call intagram post api.

Other API

  • decodeHTMLEntities
import { decodeHTMLEntities } from 'react-native-simple-instagram'

console.log(decodeHTMLEntities("& ' ' / ' / < >   ""))

Tweet is include htmlencoded characters.
So this function decode special characters.

  • getRelativeTime
import { getRelativeTime } from 'react-native-simple-instagram'

console.log(getRelativeTime(new Date(new Date().getTime() - 32390)))
console.log(getRelativeTime("Thu Apr 06 15:28:43 +0000 2017"))

Tweet created_at convert to relative time. ex) 1s 15m 23h

Donation

If you like this library, please donate me.

  • BCH -> qre56em7z47p38rz3wktter2eyaww48qnqmyq4j386

bch address

Keywords

FAQs

Last updated on 04 Jun 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc