nativescript-twitter-updated
by romandragan | v22.0.4
NativeScript Twitter Kit for Android & IOS
npm i --save nativescript-twitter-updated
  • Version: 22.0.4
  • GitHub:
  • Downloads:
    • Last Day:   0
    • Last Week:  11
    • Last Month: 150

Nativescript Twitter

NativeScript implementation of Twitter SDK (Some Features)

npm npm

NS 3.0+

tns plugin add nativescript-twitter

NS < 3.0

npm install nativescript-twitter@"^1.x"

Example Implementation

Android

//app.ts or main.ts
import * as app from "application";
if (app.android) {
const TNSTwitter = require("nativescript-twitter").TNSTwitter;
TNSTwitter.init("key", "secret");
}

IOS

Note Twitter Kit looks for a URL scheme in the format twitterkit-<consumerKey>, where consumerKey is your application’s Twitter API key, e.g. twitterkit-dwLf79lNQfsJ.

In your app’s Info.plist, add URL Schemes by adding code below after <dict> Source

// Info.plist
<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleURLSchemes</key>
<array>
<string>twitterkit-<consumerKey></string>
</array>
</dict>
</array>
<key>LSApplicationQueriesSchemes</key>
<array>
<string>twitter</string>
<string>twitterauth</string>
</array
//custom-app-delegate.ts
import * as utils from "utils/utils";
declare const UIResponder, UIApplicationDelegate, Twitter;
export class CustomAppDelegate extends UIResponder implements UIApplicationDelegate {
public static ObjCProtocols = [UIApplicationDelegate];
applicationDidFinishLaunchingWithOptions(application, launchOptions) {
utils.ios.getter(Twitter,Twitter.sharedInstance).startWithConsumerKeyConsumerSecret("key" ,"secret");
return true;
}
applicationOpenURLOptions(application, url, options) {
return utils.ios.getter(Twitter,Twitter.sharedInstance).applicationOpenURLOptions(application, url, options);
}
}
//app.ts or main.ts
import * as app from "application";
if (app.ios) {
app.ios.delegate = require('./custom-app-delegate').CustomAppDelegate;
}

IMPORTANT: Make sure you include xmlns:twitter="nativescript-twitter" on the Page tag

<twitter:TNSTwitterButton id="twitter"/>

Listen when user auth is successful or fails

import * as frame from "ui/frame";
frame.topmost().getViewById('twitter').on('loginStatus', (args) => {
if (args.object.get("value") === 'failed') {
console.log(args.object.get("message"))
} else {
TNSTwitter.getCurrentUser(args.object.get("userID")).then(
(user) => {
console.dump(user)
}, err => {
console.dump(err)
})
}

});

Send api request

import { CustomApiService } from "nativescript-twitter"
const api = new CustomApiService();
api.makeRequest("https://api.twitter.com/1.1/account/verify_credentials.json", "get")
.then(
data => {
console.log(data)
}, err => {
console.log(err.message)
});

Angular

import { registerElement } from "nativescript-angular/element-registry";
registerElement("TNSTwitterButton", () => require("nativescript-twitter").TNSTwitterButton);
<TNSTwitterButton id="twitter"/>