Nativescript-shine-button NPM

Note: This Plugin based on WCLShineButton for IOS and ShineButton for Android .

Installation

tns plugin add nativescript-shine-button

Usage

<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page" xmlns:ui="nativescript-shine-button">
     <ui:ShineButton height="80" width="80" src="customicon" color="gray" fillColor="red">
</Page>

see the demo project for more info.

Angular

Add this to app.module.ts so you can use a Gradient tag in the view:

import { registerElement } from "nativescript-angular";
registerElement("ShineButton", () => require("nativescript-shine-button").ShineButton);

API

Property	Description
`src`	button image (png)
`color`	Default button color
`fillColor`	Fill button color
`allowRandomColor`	Allow shine color random
`animDuration`	shine anim duration in sec
`bigShineColor`	big shine color
`enableFlashing`	Enable effect like flash
`shineCount`	shine count around button
`shineTurnAngle`	turn angle of shine
`shineDistanceMultiple`	multiple of distance to button
`smallShineOffsetAngle`	angle offset of small shine to big shine
`smallShineColor`	small shine color
`shineSize`	size of shine by pixel