{"id":16133293,"url":"https://github.com/hendrickson-tyler/nativescript-hide-action-bar","last_synced_at":"2025-10-23T19:31:34.326Z","repository":{"id":40276092,"uuid":"349884631","full_name":"hendrickson-tyler/nativescript-hide-action-bar","owner":"hendrickson-tyler","description":"NativeScript Angular plugin for easily hiding the ActionBar","archived":false,"fork":false,"pushed_at":"2022-05-17T03:31:30.000Z","size":2269,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-03-06T00:54:56.827Z","etag":null,"topics":["angular","nativescript","nativescript-plugin"],"latest_commit_sha":null,"homepage":"","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/hendrickson-tyler.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":".github/CODEOWNERS","security":null,"support":null}},"created_at":"2021-03-21T02:39:44.000Z","updated_at":"2022-03-01T22:21:21.000Z","dependencies_parsed_at":"2022-08-23T18:20:33.399Z","dependency_job_id":null,"html_url":"https://github.com/hendrickson-tyler/nativescript-hide-action-bar","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hendrickson-tyler%2Fnativescript-hide-action-bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hendrickson-tyler%2Fnativescript-hide-action-bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hendrickson-tyler%2Fnativescript-hide-action-bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hendrickson-tyler%2Fnativescript-hide-action-bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hendrickson-tyler","download_url":"https://codeload.github.com/hendrickson-tyler/nativescript-hide-action-bar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219867956,"owners_count":16555810,"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":["angular","nativescript","nativescript-plugin"],"created_at":"2024-10-09T22:44:08.667Z","updated_at":"2025-10-23T19:31:33.772Z","avatar_url":"https://github.com/hendrickson-tyler.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NativeScript Hide Action Bar\n\n\u003e **Warning**\n\u003e This plugin is deprecated and will not be updated. You probably shouldn't use it anymore.\n\u003e\n\u003e This simple directive was really only useful for the old NativeScript Angular code sharing method. Code sharing options have [changed drastically](https://docs.nativescript.org/code-sharing/index.html#code-sharing), so this plugin doesn't have much of a purpose beyond legacy code.\n\n\u003c!-- ![Short demo of NativeScript Hide Action Bar in action](https://gitlab.com/knowlysis/external/nativescript-hide-action-bar/-/raw/master/images/demo.gif) --\u003e\n\n## Description\n\nThis is a simple plugin for the Angular flavor of NativeScript. With it, you can hide the `ActionBar` of any view by adding the directive to an element anywhere in the component.\n\nThis is especially useful for NativeScript [code sharing](https://docs.nativescript.org/angular/code-sharing/intro#introduction) projects as trying to access the `Page` object in a component would break your web build.\n\n## Installation\n\nFrom the root folder of your project, execute the following command:\n\n```javascript\nns plugin add nativescript-hide-action-bar\n```\n\n## Usage\n\nOnce the plugin is added to your project, you need to add the `HideActionBarModule` to your imports array in your desired feature module or the `SharedModule`:\n\n```javascript\n    import { HideActionBarModule } from 'nativescript-hide-action-bar';\n\n    @NgModule({\n        // ...\n        imports: [\n            HideActionBarModule,\n            // ...\n        ],\n        // ...\n    })\n    export class SharedModule { }\n```\n\n\u003e **NOTE: Simply importing the `HideActionBarModule` into your `AppModule` will not work.**\n\nAfterwards, simply add the directive to any element as follows:\n\n```html\n\u003cLabel hideActionBar text=\"Sayonara, ActionBar!\"\u003e\u003c/Label\u003e\n```\n\nYou'll want to make sure that the element is actually present on the page. For example, an element nested within an `*ngIf` that evaluates to false will not cause the ActionBar to be hidden.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhendrickson-tyler%2Fnativescript-hide-action-bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhendrickson-tyler%2Fnativescript-hide-action-bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhendrickson-tyler%2Fnativescript-hide-action-bar/lists"}