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

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