@titanium/lottie NPM

👉 A group of Axway employees, ex-Axway employees, and some developers from Titanium community have created a legal org and now officially decide all matters related to future of these products.

API FAQ:

↑ Watch video on YouTube ↑

@titanium/lottie

📝 Description

Native modules that allows you to use Airbnb Lottie animations with Axway Titanium native mobile apps.
This is a repackaging of the compiled iOS and Android modules for Ti.Animation to allow for installation via npm.

🚀 Getting Started

Install `@titanium/lottie` in root of project

npm install @titanium/lottie

Create an an animation in controller

const lottie = require('@titanium/lottie');

const animation = lottie.createAnimationView({
   id: 'lottie_test',
   file: 'lottie_sample.json',
   loop: true,
   autoStart: true,
   height: 500,
   width: Ti.UI.FILL,
});

// add the animation to any window or view
$.index.add(animation);

Create an an animation in view

<AnimationView 
   id="lottie_test" 
   module="@titanium/lottie" 
   file="lottie_sample.json" 
   loop="true" 
   autoStart="true" 
   height="500" 
   width="fill" />

✨Features

Includes Titanium native iOS module: ti.animation 2.0.0
Includes Titanium native Android module: ti.animation 4.0.0
Display Lottie animations

Library versions:

The Titanium modules use external libraries

Library	Platform	Version	Build Date
Airbnb Lottie	Android	3.4.0	2020/02/22
Airbnb Lottie	iOS	2.5.2	2018/12/10

📚Learn More

⭐ Ti.Animation GitHub Repo - Repo for Ti.Animations modules
⭐ LottieFiles - Free Lottie animations

📣 Feedback

Have an idea or a comment? Join in the conversation here!

©️ Legal

Modules are licensed under Apache 2.0 from https://github.com/appcelerator-modules/titanium-lottie

Alloy is made available under the Apache Public License, version 2. See their license file for more information.

Appcelerator is a registered trademark of Appcelerator, Inc. Titanium is a registered trademark of Appcelerator, Inc. Please see the LEGAL information about using trademarks, privacy policy, terms of usage and other legal information at http://www.appcelerator.com/legal.