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
0
votes
1 answer

lottie-web setting container value using useRef TypeScript

container is complaining because HTMLDivElement | null is not assignable to Element type export const Loader: React.FC = () => { const element = useRef(null); useLayoutEffect(() => { lottie.loadAnimation({ …
khierl
  • 605
  • 1
  • 6
  • 16
0
votes
1 answer

Why Lottie returns a SVG outside it's parent div?

I'm stuck and I spend a whole day on this issue. Basically I'm trying to implement in my website an animation, using Lottie. The format of my animation is 1080*1920. The problem is that, given a div, with: width: auto; height: auto; or width: 100%; …
WebStormer
  • 286
  • 3
  • 17
0
votes
1 answer

Adding a subview inside a view which is a subview of Window

I am trying to create a custom IndicatorView using Lottie Animations. I have added the view in UIApplication.shared.keyWindow? and it's working fine. The problem occurs when I try to add another subview inside the IndicatorView. Code is crashing…
Keshu R.
  • 5,045
  • 1
  • 18
  • 38
0
votes
1 answer

Controlling a Lottie Animation with ScrollMagic and TimelineMax

I'm trying to use ScrollMagic to control a TimelineMax which moves the playhead of a Lottie animation. So, as the user scrolls, the animation plays relative to the speed and direction of the scroll. I'm so close and need a little help to bring the…
Dave Merwin
  • 1,382
  • 2
  • 22
  • 44
0
votes
1 answer

Pause animation when modal view controller is presented

I have two animation which play on my home screen view controller. They are both animations from LottieFiles. One is an alpha colored changing background and the other is an infinite loop with different colors. When a new modal view over current…
soRazor
  • 137
  • 9
0
votes
1 answer

Android-studio 3.5.1 Gradle ERROR: No value has been specified for property lottie-react-native

Upgraded android studio to 3.5.1. Took fresh checkout of project and gradle sync started failing. Searched everywhere but could not find any proper solution. In logs can see error at line 97 of lottie react native android…
puneetamb240
  • 1
  • 2
0
votes
1 answer

React + Lottie Animation scroll fire

I created different animation thought Bodymovin. I would like to fire the animation once the scroll reach the animation. I am trying to figure out the way, but unfortunately I am not able to do it. I am working with Gatsby JS (React framework). I…
JFelix
  • 135
  • 3
  • 10
0
votes
1 answer

Why isn't my Lottie file appearing in my project?

I'm trying to use Lottie files in my project; I have tried many way but none of them work... nothing appears. I tried two ways: lottieAnimation() setupAnimation() I also tried through UIView. import UIKit import Lottie class BonusVC:…
Alaa Al-Rayes
  • 16
  • 2
0
votes
2 answers

What is the best way to run an app in the background

I'm making a simple app testing Lottie animation library in swift. The code is perfectly running when i lunch the app for the first time. But if i relaunch it from the background, the animation stops. How do i keep the animation running in the…
Mustafa Aljaburi
  • 1,485
  • 2
  • 7
  • 8
0
votes
1 answer

Lottie Animation not appearing on iOS simulator

I am trying to use Lottie in my RN app. I followed the documentation, downloaded the JSON file, created a folder within RN to store that JSON and it is not working. I also did a "pod install" inside of my iOS folder. The app does not break, I just…
csb00
  • 1,091
  • 2
  • 18
  • 36
0
votes
1 answer

is it possible to combine two animations in Lottie framwork

swift version is 5 and lottie version is 3.1.1 I want to show two animations Json file with Lottie, that way fade in first animation and after it done it fades out and the another one fades in and I have to take a loop and do it on an infinity…
mohsen
  • 4,698
  • 1
  • 33
  • 54
0
votes
2 answers

How to keep a Lottie animation running when the view is recycled by a tableview?

I have a UITableView with plenty of different custom cells 1 of those has a Lottie animation view and when I press a button or receive certain network messages the animation is supposed to jump to a specific position/progress and then animate either…
Watermamal
  • 357
  • 3
  • 12
0
votes
3 answers

How can make a like button with lottie animation?

I want to make a like button in my app with lottie animation. I have downloaded a json file ofvthe animation that I want. It works after clicking. But the heart icon is white as default. After I click it, it gets red with the animation. I want it to…
Ahmet Yılmaz
  • 425
  • 5
  • 16
0
votes
1 answer

Attempted to register RCTBridgeModule class LRNAnimationViewManager for the name 'LottieAnimationView', but name was already registered by

I am trying to run 'lottie' for React Native however after successful XCODE build, I get an error: Attempted to register RCTBridgeModule class LRNAnimationViewManager for the name 'LottieAnimationView', but name was already registered by... …
dhahn
  • 729
  • 9
  • 11
0
votes
2 answers

lottie animation on complete fade out

I have a lottie animation playing one time. When it completes playing I want to fade it out. What is the best way to do it? I am trying to fade in and out SVG lottie animations. var params = { container: document.getElementById('lottie'), …
Wisp Ever
  • 35
  • 6
1 2 3
…
55 56