Home

Awesome

npm npm GitHub stars PayPal Donate

NativeScript-ExplosionField

NativeScript plugin to create an exploding dust effect animation for Android {N} apps.

ExplosionField - tyrantgit

Android Only

Installation

npm install nativescript-explosionfield

Sample

GifExample

This .gif does not do the animation justice, please watch the YouTube video to see how smooth it really is. Watch here on YouTube

Usage

XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
  <StackLayout>
    <Button text="Boom" tap="goBoom" />
    <Label text="Explode This" tap="goBoom" />
  </StackLayout> 
</Page>  

JS

// require the plugin module
var explosion = require("nativescript-explosionfield");

function goBoom(args) {    
    // call the *explode* method on the plugin passing in a view
    // on tap events in Nativescript this will be args.object.
    explosion.explode(args.object);
}
exports.goBoom = goBoom;

API

explode(view)