Nativescript Chrome Tabs

NPM npm GitHub issues

Chrome Tabs 插件，用于在 android & ios 中打开自定义的 chrome/safari 标签页。

安装

tns plugin add nativescript-chrome-tabs

演示

使用

<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（属性）

属性	默认值	描述
url	必需	要打开的 URL
showTitle	false	在 WebView 中显示标题栏
toolbarColor	undefined	工具栏颜色
toolbarControlsColor	undefined	(仅 iOS) 工具栏按钮颜色
isClosed	undefined	当 WebView 关闭时将被调用的回调函数

API（方法）

方法	类型	返回值	描述
initChromeTab();	构造函数	void	初始化 Chrome 标签页
openChromeTab(url : String, toolbarColor : String, toolbarControlsColor : String);	方法	void	打开 Chrome 标签页

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