Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@titanium/lottie

mobilehero-archive260Apache-2.01.0.76

⭐ Axway Amplify modules to use Airbnb Lottie animations with Appcelerator Titanium SDK

titanium, mobile, alloy, turbo, axway, appcelerator, ios, android, iphone, ipad, lottie, animation, titanium-native-module, plugin, amplify, api-builder, appcelerator-titanium, titanium-sdk, titanium-mobile, titanium-module, axway-sdk, axway-amplify, brenton-house

readme

Preparing for end of Axway

👇   support for Amplify Cloud and Mobile   👇

RIP Axway Amplify Titanium (2010 - 2022)

🪦   RIP Axway Amplify Titanium (2010 - 2022)

🪦   RIP Axway Amplify Cloud Services (2012 - 2022)

🪦   RIP Axway Amplify Crash Analytics (2015 - 2022)


🛑    Axway support for Amplify products has ended for most products related to mobile and cloud.

A few of the open-source versions of Axway Amplify products will live on after Axway Amplify End-of-Life (EOL) announcements. However, all closed-source projects and most open-source projects are now dead.

 

👉    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:

 

Click to watch on Youtube

  ↑ Watch video on YouTube ↑

 

 


 

 

@titanium/lottie

@titanium/lottie version @titanium/lottie downloads @titanium/lottie dependencies


📝 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);

OR

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

  • <input checked="" disabled="" type="checkbox"> Includes Titanium native iOS module: ti.animation 2.0.0
  • <input checked="" disabled="" type="checkbox"> Includes Titanium native Android module: ti.animation 4.0.0
  • <input checked="" disabled="" type="checkbox"> 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!

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

Alloy is developed by Appcelerator and the community and is Copyright © 2012-Present by Appcelerator, Inc. All Rights Reserved.

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.