https://github.com/iamabs2001/nativescript-chrome-tabs

Nativescript Chrome Tabs Plugin for android & ios
https://github.com/iamabs2001/nativescript-chrome-tabs

chrome-tabs custom-chrome-tabs custom-tabs nativescript nativescript-chrome-tabs nativescript-custom-webview nativescript-webview webview

Last synced: 21 days ago
JSON representation

Nativescript Chrome Tabs Plugin for android & ios

• Host: GitHub
• URL: https://github.com/iamabs2001/nativescript-chrome-tabs
• Owner: iamabs2001
• License: mit
• Created: 2020-12-29T09:10:10.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-01-24T13:30:32.000Z (over 1 year ago)
• Last Synced: 2024-04-24T17:09:25.176Z (about 1 year ago)
• Topics: chrome-tabs, custom-chrome-tabs, custom-tabs, nativescript, nativescript-chrome-tabs, nativescript-custom-webview, nativescript-webview, webview
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/nativescript-chrome-tabs
• Size: 1.09 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nativescript Chrome Tabs ![apple](https://cdn3.iconfinder.com/data/icons/picons-social/57/16-apple-32.png) ![android](https://cdn4.iconfinder.com/data/icons/logos-3/228/android-32.png) 

[![npm](https://img.shields.io/npm/v/nativescript-chrome-tabs?color=blue)](https://www.npmjs.com/package/nativescript-chrome-tabs)

![GitHub](https://img.shields.io/github/license/iamabs2001/nativescript-chrome-tabs)

[![Build Status](https://travis-ci.com/iamabs2001/nativescript-chrome-tabs.svg?token=DqJNCqdmjzS8VzQJy2Sz&branch=master)](https://travis-ci.com/iamabs2001/nativescript-chrome-tabs)

![npm](https://img.shields.io/npm/dt/nativescript-chrome-tabs)

![GitHub issues](https://img.shields.io/github/issues/iamabs2001/nativescript-chrome-tabs)

![Status](https://img.shields.io/badge/status-working-green)

[![Twitter Follow](https://img.shields.io/twitter/follow/iamabs2001?style=social)](https://twitter.com/iamabs2001)

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

## Installation

```

tns plugin add nativescript-chrome-tabs

```



## Demo 

| ![Demo 1](screenshots/1.png) | ![Demo 2](screenshots/2.png) |

| ----------- | ----------- |

| ![Demo 3](screenshots/3.png) | ![Demo 4](screenshots/4.png) |



## Usage 

```html

```

### Javascript

```javascript

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

constructor() { 

    initChromeTab(); 

}

function myCustomWeb() {

    openChromeTab({

        url: 'http://google.com',

        toolbarColor: '#0361cc',

        toolbarControlsColor: '#303F9F'

    });

}

```

### Typescript

```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/