nativescript-chrome-tabs
TypeScript icon, indicating that this package has built-in type declarations

0.8.0 • Public • Published

Nativescript Chrome Tabs apple android

npm NPM Build Status npm GitHub issues Status Twitter Follow

Chrome Tabs Plugin to open a custom chrome/safari tabs in android & ios.

Installation

tns plugin add nativescript-chrome-tabs

Demo

Demo 1 Demo 2
Demo 3 Demo 4

Usage

<Button text="click" (tap)="myCustomWeb();">

Javascript

var { initChromeTab, openChromeTab } = require('nativescript-chrome-tabs');

constructor() { 
    initChromeTab(); 
}

function myCustomWeb() {
    openChromeTab({
        url: 'http://google.com',
        toolbarColor: '#0361cc',
        toolbarControlsColor: '#303F9F'
    });
}

Typescript

import { initChromeTab, openChromeTab } from "nativescript-chrome-tabs";

constructor() { 
    initChromeTab(); 
}

myCustomWeb() {
    openChromeTab({
        url: 'http://google.com',
        toolbarColor: '#0361cc',
        toolbarControlsColor: '#303F9F'
    });
}

API (Properties)

Property Default Description
url required The URL to open
showTitle false Shows title bar in the webview
toolbarColor undefined Color of the toolbar
toolbarControlsColor undefined (only iOS) color of buttons on toolbar
isClosed undefined callback function that will be called when webview is closed

API (Methods)

Method Type Returns Description
initChromeTab(); constructor void To Initialize Chrome Tab
openChromeTab(url : String, toolbarColor : String, toolbarControlsColor : String); method void To Open a Chrome Tab

https://developer.chrome.com/docs/multidevice/android/customtabs/

Package Sidebar

Install

npm i nativescript-chrome-tabs

Weekly Downloads

3

Version

0.8.0

License

MIT

Unpacked Size

29.9 kB

Total Files

20

Last publish

Collaborators

  • iamabs2001