Twitter 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
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
example update May 28, 2018
extras
src
.eslintignore
.eslintrc
.gitignore
LICENSE.md
README.md
index.js
package.json

README.md

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

demo gif

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

Donation

If you like this library, please donate me.

  • BCH -> qre56em7z47p38rz3wktter2eyaww48qnqmyq4j386

bch address