https://github.com/bradmartin/nativescript-liquid-loader

NativeScript plugin for a slick liquid loading animation.
https://github.com/bradmartin/nativescript-liquid-loader

android animation nativescript-plugin

Last synced: 21 days ago
JSON representation

NativeScript plugin for a slick liquid loading animation.

• Host: GitHub
• URL: https://github.com/bradmartin/nativescript-liquid-loader
• Owner: bradmartin
• License: other
• Created: 2016-06-29T16:37:34.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-06-29T16:45:00.000Z (over 8 years ago)
• Last Synced: 2024-10-17T07:29:36.713Z (about 1 month ago)
• Topics: android, animation, nativescript-plugin
• Language: TypeScript
• Size: 1.75 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![npm](https://img.shields.io/npm/v/nativescript-liquid-loader.svg)](https://www.npmjs.com/package/nativescript-liquid-loader)

[![npm](https://img.shields.io/npm/dt/nativescript-liquid-loader.svg?label=npm%20downloads)](https://www.npmjs.com/package/nativescript-liquid-loader)

# NativeScript-Liquid-Loader

Nativescript plugin for a slick liquid loading animation.

*Android Only - API 18+*

## IMPORTANT

To use this plugin you need to modify the *AndroidManifest.xml* located in `App_Resources/Android`.

You need the **tools** namespace, `xmlns:tools="http://schemas.android.com/tools"`, added to the top of the file in the `` tag.

 You also need to add `tools:overrideLibrary="com.gospelware.liquidbutton"` to the `` tag.

 For more info see the *AndroidManifest.xml* in the demo app.

## Sample

![Demo](./screens/liquid.gif)

#### Native Library

[LiquidButton](https://github.com/yoruriko/LiquidButton)

### Installation

From your command prompt/termial go to your app's root folder and execute:

`tns plugin add nativescript-liquid-loader`

## Usage

#### XML:

```XML

  

  

    

    

  

```

## API

- **startPour()** - Starts the animation.

- **pourFinish()** - Event executed when the animation finishes.