Nativescript-Hidden

A NativeScript plugin to deal with hidding elements without affecting the layout flow

WARNING: The code is NOT "officially" on NPM yet, the code/plugin is available to Patreon supporters or purchasable via http://nativescript.tools

THIS is on NPM to be used as a Placeholder so that this plugin does have a home when(if?) it is ever released open source.

License

The actual code is released under what I call the PATRON License, meaning you are free to include this in any type of program as long as you downloaded this when you were a current multi-month patron/sponsor, and got the file directly from the patreon post.

Depending on the support of the plugin from Patron's -- it may be released under a proper open source license at a time of my choosing (typically after a couple months of exclusive access by sponsor's). At that point the product will be re-released under the MIT license.

In addition to the PATRON license, you can purchase this directly under a COMMERCIAL license from the http://nativescript.tools site.

I also do contract work; so if you have a module you want built for NativeScript (or any other software projects) feel free to contact me nathan@master-technology.com.

Sample Snapshot

Requirements

This requires NativeScript 2.0 or greater

Installation

tns plugin add nativescript-hidden

Usage

To activate globally in your app.js/app.ts file just add:

require( "nativescript-hidden" );

Why use this?

NativeScript has a built in visibility collapsed; but the collapsed causes the entire display to change. This plugin adds a new visibility: hidden which allows the space to be used by the object; just hidden.

Example

Example is using the Nativescript-Dom helpers.

Some CSS:

.hidden {
   visibility: hidden;
}

Some JS:

var item = getElementById('someElement');
item.classList.toggle('hidden',true);