Instagram API client for React Native without react-native link
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
example
extras
src
.eslintignore
.eslintrc
.gitignore
LICENSE.md
README.md
index.js
package.json

README.md

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

Name Type Default Description
type string TouchableOpacity TouchableOpacity or TouchableHighlight or TouchableWithoutFeedback
children React.Component
clearCookies bool false clear WebView cookies
callbackUrl string(required) null Instagram application callback url
responseType string token token or code. if responseType === token, requires clientSecret.
scope array ['basic','public_content'] check this document
headerColor string '#f7f7f7' Webview's modal and SafeAreaView backgroundColor
onPress func (e) => {} Called when login button on Press
onGetAccessToken func ({oauth_token,oauth_token_secret}) => {} Called when get access token
onClose func () => {} Called when press close button
onSuccess func (user) => {} Called when logged in and get user account
onError func (e) => {} Called when on error
renderHeader func (props) => React.Component If 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