Questions tagged [lottie]

Questions regarding Airbnb's Lottie, a library for rendering After Effects animations in real-time. Use this tag for questions regarding implementations using the Android, iOS, or React-based branches of Lottie.

Lottie allows adding animation to any native app.

Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Site: https://airbnb.design/lottie/

836 questions
0
votes
1 answer

Xamarin Android Lottie Splash Screen

https://www.project-respite.com/lottie-xamarin-forms/ I don't know what I'm doing wrong. I followed the steps on the tutorial, but I am getting this error "View does not contain the definition of 'AddAnimationListner'..." I've tried using these…
neutJor
  • 55
  • 1
  • 8
0
votes
1 answer

Preloading images in Lottie / Bodymovin

Is it possible to display progress of multiple images being loaded in Lottie animation. e.g 1/10, 2/10, 3/10 and so on.
0
votes
0 answers

Exporting After Effect file with Bodymovin for Lottie (iOS)

I would like to load a 3d diamond realised with this After Effects tutorial in my iOS app using the Lottie-iOS library. Unfortunately, when I export it with Bodimovin in .json format (to be loaded in my iOS app) both lighting and animation seems…
Claus
  • 5,662
  • 10
  • 77
  • 118
0
votes
1 answer

lottie animation not working in UIView iOS

this is my Viewcontroller class ViewController: UIViewController { var index = 0 @IBOutlet weak var lottieView: UIView! fileprivate let lottieTouchIdAnimationName = "01_touchId_validation" fileprivate let…
user4422315
0
votes
1 answer

React-Native: Use react-native-linear-gradient with lottie

I am using Lottie and lottie uses react-native-linear-gradient as a dependancy. Now the problem is that I need to use react-native-linear-gradient, If I use it via npm install (as another package). I get the error, tried to register two view with…
Sarmad Shah
  • 3,725
  • 1
  • 20
  • 42
0
votes
1 answer

How to fix a Lottie error in Android Studio - 'Error:Execution failed for task' java.lang.RuntimeException [...] unable to merge dex

When implementing a Lottie animation, it tells me there is an error in the appcompat. When I take out the Lottie animation, it works perfectly. Error:Execution failed for task…
user9244682
0
votes
0 answers

AnimationView not appearing when called

I'm using the Lottie API to have a custom Animation View in one of my static table view cells using the below code. However, the view is not appearing. I have tested other Lottie files, therefore it is not the file. And I have also tested the cell…
Annabelle Sykes
  • 121
  • 1
  • 2
  • 10
0
votes
2 answers

ios: Initializer for conditional binding must have Optional type, not 'LOTAnimationView'

I keep getting this error: Initializer for conditional binding must have Optional type, not 'LOTAnimationView' on the if let animationView = LOTAnimationView(name: "pop_heart") { line of code. I think the format of the code may be wrong. Can anyone…
Tessa
  • 403
  • 1
  • 5
  • 13
0
votes
1 answer

react native parsing Lottie file into state?

I am trying to implement Lottie animation into my app, i am using expo SDK, so i followed the documentation on expo, _loadAnimationAsync = async () => { let result = await fetch( …
oflcad
  • 505
  • 2
  • 6
  • 19
0
votes
2 answers

Triggering a Lottie animation onScroll

im currently building a website using fullpage js and lottie animations. Now im trying to trigger an animation when the user scrolls to the section with the animation. Here is what i tried: (please note that im very new to…
0
votes
1 answer

Lottie event listeners and states for web - javascript

Messing with Lottie for playing animations on the web. The documentation seems fairly straightforward to get going but I can't find any documentation/examples of a very basic workflow in javascript: show pre-animation state => animate => detect…
askilondz
  • 3,264
  • 2
  • 28
  • 40
0
votes
1 answer

Android Xamarin: Detect Lottie Animation End

I want to inflate a Layout-File in my DialogFragment which only holds one LottieAnimationView
Aiko West
  • 791
  • 1
  • 10
  • 30
0
votes
1 answer

Lottie animation in a RecyclerView playing the animation only on a single item

I am doing a Lottie animation in Android RecyclerView, but the animation is playing only on a single item and always it is the last item. The onclick is on the correct item, but view of animation is on constant item. my adapter…
Nazim ch
  • 834
  • 8
  • 20
0
votes
0 answers

Import Adobe After Effect animation to xcode

I have some trouble importing my animation from Adobe After Effect to Xcode and web. I have made a character and rigged it with the Duik-plugin. I made the annimation i would like to get into xcode, and rendered it to JSON using bodymovin. I have an…
Lasse Bickmann
  • 195
  • 3
  • 14
0
votes
1 answer

Is it possible to combine animations?

I'm exploring the possibility of combining two animations into a single one for a LottieAnimationView. With this we could ideally create dynamic animations by splitting long animations into sections and building on the fly. Does anyone know if this…