Stack Overflow
Stack Overflow

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
9
votes
2 answers

Lottie animation stopped when i tap on different tab bar item

Im using Lottie animation in my app and im trying to keep the animation running in the background when i exit the app and open it again (not force close) .. I was able to do so successfully, but the problem is the animation stops when i select…
Mustafa Aljaburi
  • 1,485
  • 2
  • 7
  • 8
9
votes
5 answers

How to change the animation color in lottie in iOS?

I am loading the animation typing indicator from the json file using lottie framework. I want to change the animation of the indicator color. I don't want to change the colour from the json file. Want to change the colour for animation view…
Devan
  • 147
  • 1
  • 1
  • 8
9
votes
4 answers

Dynamically replace Image in Lottie animation at runtime

I have an After Effects animation, super simple, of a square moving around (AE shape). I export the animation as a .json using Bodymovin, and add the json file using Lottie in my project. So far, so good. The problem starts here --> during runtime,…
mavesonzini
  • 341
  • 1
  • 3
  • 9
9
votes
3 answers

error: package android.support.v4.view does not exist

I am using lottie library for react native. I just installed it using npm and linked it using react native link but when I try to build it I get an error in lottie's class error: package android.support.v4.view does not exist These are my…
Divye Shah
  • 747
  • 1
  • 11
  • 24
9
votes
2 answers

undefined is not a function (evaluating'_reactNavigation.NavigationActions.reset')

I want to navigate a splash screen to next screen after certain timeout. Splash screen have an animation, done with the help of Airbnb Lottie for React Native. The splashscreen code goes as follows: import React from "react"; import { Animated,…
Pa-won
  • 165
  • 1
  • 2
  • 10
8
votes
1 answer

Flutter Lottie animated splash screen on Android

I want to add a Lottie animation as a splash screen in a Flutter Android app. I would like it to start before Flutter draws its first frame, so I'm thinking about doing it natively. I found two examples online but they both use Flutter's deprecated…
Collin Jackson
  • 110,240
  • 31
  • 221
  • 152
8
votes
6 answers

Lottie Animation JSON cannot find the color

So, I have the following json(it is an animation for Lottie). I am trying to find where the color for the animation itself sits, I cannot find it. Any help would be truly appreciated! To see the animation in the browser click here. The JSON for it…
r00t -
  • 225
  • 1
  • 2
  • 12
8
votes
3 answers

Sequence / Chaining of animations in One LottieAnimationView

I've received multiple animation files that should be played in sequence using Lottie library What I'm currently trying to do is to reuse same LottieAnimationView and just set next animation when first one finishes. Code looks like this: private fun…
SMGhost
  • 3,867
  • 6
  • 38
  • 68
8
votes
4 answers

Why am I getting an 'AnimationViewRenderer doesn't exist in the context' error in Xamarin Forms for Android?

Why doesn't AnimationViewRenderer exist in the context error when trying to add Lottie animation in Xamarin forms Android project's MainActivity.cs? I am using Visual Studio 2017.
M.Paul D
  • 91
  • 1
  • 6
8
votes
6 answers

How to increase the lottie "LottieAnimationView" dimensions?

I am using Lottie for animations. The problem is lottie view dimensions are too small. is there a way to customize dimensions in lottie?
Vivek Solanki
  • 452
  • 1
  • 7
  • 10
7
votes
0 answers

How to sync audio with lottie / rive animation in Flutter?

I need to make an animation with voice acting for 10-15 minutes. As far as I know, lottie and rive do not support audio in their animations. Is it a good solution to run the audio track in parallel with the animation? There are concerns that there…
ecywyv
  • 113
  • 3
7
votes
3 answers

React native build failed - xcodebuild: error: The workspace named "foo" does not contain a scheme named "foo"

I have a react native app that when Run from XCode it works as expected (builds and runs on a simulator). But when I try run it from my terminal with npx react-native run-ios I get the error: error Failed to build iOS project. We ran "xcodebuild"…
grabury
  • 4,797
  • 14
  • 67
  • 125
7
votes
4 answers

Lottie animation for full splash screen not taking full screen

I have to use lottie animation for splash screen in android. I have used match parent for width and height. But it is showing me some padding at the edges of the screen as in the attached image. If i use scaletype as fitXY then it image is stretched…
user2050075
  • 189
  • 3
  • 14
7
votes
0 answers

Is it possible to use a custom Lottie animation as a map marker with the Google Maps api?

I'm creating a custom map screen using the GoogleMaps api, and want to create map markers using a custom Lottie animation, rather than a static bitmap. Is this possible?
Josh Montgomery
  • 81
  • 1
7
votes
3 answers

How to use a Lottie animation file as a placeholder with glide

I am using Glide to load images to my activity (inside a recycler view) and I want to use a Lottie loading animation file as a place holder. so this is my glide code: Glide.with(mContext) .load(PATH_TO_FILE) …
TheAndoOne
  • 109
  • 1
  • 7
1
2
3
…
55 56