{"id":15141981,"url":"https://github.com/iamabs2001/nativescript-chrome-tabs","last_synced_at":"2026-01-20T00:12:50.516Z","repository":{"id":57308445,"uuid":"325239785","full_name":"iamabs2001/nativescript-chrome-tabs","owner":"iamabs2001","description":"Nativescript Chrome Tabs Plugin for android \u0026 ios","archived":false,"fork":false,"pushed_at":"2024-01-24T13:30:32.000Z","size":1138,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-04-24T17:09:25.176Z","etag":null,"topics":["chrome-tabs","custom-chrome-tabs","custom-tabs","nativescript","nativescript-chrome-tabs","nativescript-custom-webview","nativescript-webview","webview"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/nativescript-chrome-tabs","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iamabs2001.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-29T09:10:10.000Z","updated_at":"2021-01-05T13:10:55.000Z","dependencies_parsed_at":"2024-09-12T04:09:20.562Z","dependency_job_id":"cc143975-9cf9-4af7-a85f-ec5afe1278eb","html_url":"https://github.com/iamabs2001/nativescript-chrome-tabs","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamabs2001%2Fnativescript-chrome-tabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamabs2001%2Fnativescript-chrome-tabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamabs2001%2Fnativescript-chrome-tabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamabs2001%2Fnativescript-chrome-tabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iamabs2001","download_url":"https://codeload.github.com/iamabs2001/nativescript-chrome-tabs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247500464,"owners_count":20948881,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-tabs","custom-chrome-tabs","custom-tabs","nativescript","nativescript-chrome-tabs","nativescript-custom-webview","nativescript-webview","webview"],"created_at":"2024-09-26T09:21:29.355Z","updated_at":"2026-01-20T00:12:50.465Z","avatar_url":"https://github.com/iamabs2001.png","language":"TypeScript","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) \n\n\n[![npm](https://img.shields.io/npm/v/nativescript-chrome-tabs?color=blue)](https://www.npmjs.com/package/nativescript-chrome-tabs)\n![GitHub](https://img.shields.io/github/license/iamabs2001/nativescript-chrome-tabs)\n[![Build Status](https://travis-ci.com/iamabs2001/nativescript-chrome-tabs.svg?token=DqJNCqdmjzS8VzQJy2Sz\u0026branch=master)](https://travis-ci.com/iamabs2001/nativescript-chrome-tabs)\n![npm](https://img.shields.io/npm/dt/nativescript-chrome-tabs)\n![GitHub issues](https://img.shields.io/github/issues/iamabs2001/nativescript-chrome-tabs)\n![Status](https://img.shields.io/badge/status-working-green)\n[![Twitter Follow](https://img.shields.io/twitter/follow/iamabs2001?style=social)](https://twitter.com/iamabs2001)\n\nChrome Tabs Plugin to open a custom chrome/safari tabs in android \u0026 ios.\n\n## Installation\n\n```\ntns plugin add nativescript-chrome-tabs\n```\n\u003chr\u003e\n\n## Demo \n\n| ![Demo 1](screenshots/1.png) | ![Demo 2](screenshots/2.png) |\n| ----------- | ----------- |\n| ![Demo 3](screenshots/3.png) | ![Demo 4](screenshots/4.png) |\n\n\u003chr\u003e\n\n## Usage \n\n```html\n\u003cButton text=\"click\" (tap)=\"myCustomWeb();\"\u003e\n```\n\n### Javascript\n\n```javascript\nvar { initChromeTab, openChromeTab } = require('nativescript-chrome-tabs');\n\nconstructor() { \n    initChromeTab(); \n}\n\nfunction myCustomWeb() {\n    openChromeTab({\n        url: 'http://google.com',\n        toolbarColor: '#0361cc',\n        toolbarControlsColor: '#303F9F'\n    });\n}\n```\n\n### Typescript\n\n```typescript\nimport { initChromeTab, openChromeTab } from \"nativescript-chrome-tabs\";\n\nconstructor() { \n    initChromeTab(); \n}\n\nmyCustomWeb() {\n    openChromeTab({\n        url: 'http://google.com',\n        toolbarColor: '#0361cc',\n        toolbarControlsColor: '#303F9F'\n    });\n}\n```\n\n\u003chr\u003e\n\n## API (Properties)\n\n| Property | Default | Description |\n| --- | --- | --- |\n| url | **required** | The URL to open |\n| showTitle | false | Shows title bar in the webview |\n| toolbarColor | undefined | Color of the toolbar |\n| toolbarControlsColor | undefined | (only iOS) color of buttons on toolbar |\n| isClosed | undefined | callback function that will be called when webview is closed |\n\n\n\u003chr\u003e\n\n## API (Methods)\n\n| Method | Type | Returns |Description |\n| --- | --- | --- | --- |\n| initChromeTab(); | constructor | void | To Initialize Chrome Tab |\n| openChromeTab(url : String, toolbarColor : String, toolbarControlsColor : String); | method | void | To Open a Chrome Tab |\n\n\u003chr\u003e\n\nhttps://developer.chrome.com/docs/multidevice/android/customtabs/","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiamabs2001%2Fnativescript-chrome-tabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiamabs2001%2Fnativescript-chrome-tabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiamabs2001%2Fnativescript-chrome-tabs/lists"}