studiolabs / react-native-simple-twitter

Twitter API client for react native without react-native link

React-Native-Simple-Twitter v2.0

Twitter 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 twitter API without auth0 and server.

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

Checkout example.

Previous version -> v1.2.4

Installation

npm install react-native-simple-twitter --save

Features

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

Demo

TWLoginButton props

Name	Type	Default	Description
type	string	TouchableOpacity	TouchableOpacity or TouchableHighlight or TouchableWithoutFeedback
children	React.Component
callbackUrl	string	null	Twitter application callback url
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

I changed TWLoginButton to React.Component(TouchableOpacity or TouchableHighlight or TouchableWithoutFeedback).
So you can use each props and customize.

Client API

• twitter.setConsumerKey(consumer_key,consumer_key_secret) - set application key and secret.
• twitter.setAccessToken(access_token,access_token_secret) - set user access_token and access_token_secret, when you already have access_token and access_token_secret.
• twitter.getLoginUrl(callback_url) - get login url for authorize app.
• twitter.getAccessToken(oauth_verifier) - get access_token and access_token_secret, when user logged in app.
• twitter.api(method,endpoint,parameters) - call twitter api.
• twitter.get(endpoint,parameters) - call twitter get api.
• twitter.post(endpoint,parameters) - call twitter post api.

Other API

• decodeHTMLEntities

import { decodeHTMLEntities } from 'react-native-simple-twitter'

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

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

• getRelativeTime

import { getRelativeTime } from 'react-native-simple-twitter'

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