1- <a align =" center " href =" https://www.npmjs.com/package/nativescript-lottie " >
2- <h2 align="center">NativeScript-Lottie </h2>
1+ <a align =" center " href =" https://www.npmjs.com/package/nativescript-community/ui- lottie " >
2+ <h2 align="center">nativescript-community/ui-lottie </h2>
33</a >
44<h4 align =" center " >NativeScript plugin to expose Airbnb Lottie for awesome animations.</h4 >
55
66<p align =" center " >
7- <a href =" https://www.npmjs.com/package/nativescript-lottie " >
8- <img src="https://img.shields.io/npm/v/nativescript-lottie.svg" alt="npm">
7+ <a href =" https://www.npmjs.com/package/nativescript-community/ui- lottie " >
8+ <img src="https://img.shields.io/npm/v/nativescript-community/ui- lottie.svg" alt="npm">
99 </a>
10- <a href="https://www.npmjs.com/package/nativescript-lottie">
11- <img src="https://img.shields.io/npm/dt/nativescript-lottie.svg?label=npm%20downloads" alt="npm">
10+ <a href="https://www.npmjs.com/package/nativescript-community/ui- lottie">
11+ <img src="https://img.shields.io/npm/dt/nativescript-community/ui- lottie.svg?label=npm%20downloads" alt="npm">
1212 </a>
13- <a href="https://github.com/farfromrefug/ nativescript-lottie/actions">
14- <img src="https://github.com/farfromrefug/ nativescript-lottie/workflows/Build%20CI/badge.svg" alt="Action Build">
13+ <a href="https://github.com/nativescript-community/ui -lottie/actions">
14+ <img src="https://github.com/nativescript-community/ui -lottie/workflows/Build%20CI/badge.svg" alt="Action Build">
1515 </a>
16- <a href="https://github.com/farfromrefug/ nativescript-lottie/stargazers">
17- <img src="https://img.shields.io/github/stars/farfromrefug/ nativescript-lottie.svg" alt="stars">
16+ <a href="https://github.com/nativescript-community/ui -lottie/stargazers">
17+ <img src="https://img.shields.io/github/stars/nativescript-community/ui -lottie.svg" alt="stars">
1818 </a>
1919 <a href="https://paypal.me/bradwayne88">
2020 <img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="donate">
@@ -36,7 +36,7 @@ _The .gif does not do the fluid animations justice_
3636To install execute:
3737
3838```
39- tns plugin add nativescript-lottie
39+ tns plugin add @ nativescript-community/ui -lottie
4040```
4141
4242## Usage
@@ -48,7 +48,7 @@ tns plugin add nativescript-lottie
4848``` xml
4949<Page
5050 xmlns =" http://schemas.nativescript.org/tns.xsd"
51- xmlns : Lottie =" nativescript-lottie" navigatingTo =" navigatingTo" class =" page" >
51+ xmlns : Lottie =" @ nativescript-community/ui -lottie" navigatingTo =" navigatingTo" class =" page" >
5252 <StackLayout >
5353 <Lottie : LottieView src =" PinJump.json" height =" 130" loop =" true" autoPlay =" true" loaded =" yourLoadedEvent" />
5454 </StackLayout >
@@ -58,7 +58,7 @@ tns plugin add nativescript-lottie
5858#### TS
5959
6060``` typescript
61- import { LottieView } from " nativescript-lottie" ;
61+ import { LottieView } from " @ nativescript-community/ui -lottie" ;
6262
6363public yourLoadedEvent (args ) {
6464 this ._myLottie = args .object as LottieView ; // / this is the instance of the LottieAnimationView
@@ -82,7 +82,7 @@ public yourLoadedEvent(args) {
8282``` typescript
8383import { Component } from ' @angular/core' ;
8484import { registerElement } from ' nativescript-angular' ;
85- import { LottieView } from ' nativescript-lottie' ;
85+ import { LottieView } from ' @ nativescript-community/ui -lottie' ;
8686
8787registerElement (' LottieView' , () => LottieView );
8888
@@ -123,7 +123,7 @@ export class HomeComponent {
123123``` typescript
124124Vue .registerElement (
125125 ' LottieView' ,
126- () => require (' nativescript-lottie' ).LottieView
126+ () => require (' @ nativescript-community/ui -lottie' ).LottieView
127127);
128128```
129129
0 commit comments