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

how can i replace ngx-lottie path to different one on the fly without creating a new element for that?

I Am using ngx-lottie, and I am struggling to get to change the path (to the animation file) this.lottieConfig = { path: 'assets/standBy.json', renderer: 'canvas', autoplay: true, loop: true }; How can I change…
Shaul Naim
  • 246
  • 3
  • 15
0
votes
1 answer

React Native componentDidUpdate props not connecting to main component?

When trying to add a nice Lottie animation to my Login component, I got stuck because the props inside componentDidUpdate don't seem to be recognised when referenced on the main component file. 'isActive' from 'this.props.isActive'(the Lottie…
Petru Cotarcea
  • 3
  • 1
0
votes
1 answer

How to connect animation to View? Animation ignores outlet and UIView size

I create View and defined size to view And created Outlet to it picture one After code my animate ignores size of View and located by itself. And I need locate animation inside View, but I don't have more ideas. picture two My code for…
Igor Ershov
  • 1
  • 2
0
votes
1 answer

how to set lottie animation in java as we do in xml?

we do app:lottie_rawRes="@raw/great" to fetch lottie file but how can we do it in java to fetch lottie file like that as of XML? I tired to do many things but could not solve that. how can I get that?
Dibas Dauliya
  • 639
  • 5
  • 20
0
votes
2 answers

React Lottie not showing animation not showing (web)

I am trying a simple example of react-lottie. I am not not getting any errors but the animation doesn't show. I have tried another tutorial which did it a slightly different way and that had the same result - no errors and no animation. I have…
Ian McGarry
  • 145
  • 1
  • 11
0
votes
1 answer

Show a specific frame on initial load in lottie animation

I have a lottie animation that I have integrated it in my code. I want to show a specific frame on initial load and when the user hover it the animation should start from the beginning and completes it. This is what I want to show in first load - …
hakkim
  • 666
  • 15
  • 36
0
votes
1 answer

How to load Lottie Animation inside a function in React Native?

My idea is something similar to the "instagram like", when you click it, it should render a heart animation My code: when you click in the heart button, it calls the "changeFavorite" function, which will set 'favorite = true' in the API and also…
Anderson Alex Durante
  • 23
  • 2
0
votes
1 answer

Closure function with Lottie Animation in Swift

Is there a way to know when an Lottie animation is finished? I need to delete a tableViewCell but only AFTER the animation is finished. This is the animation: Setup: //MARK: setup Loading-Animation func setupLoadingAnimation(){ …
Chris
  • 1,828
  • 6
  • 40
  • 108
0
votes
1 answer

Adobe After Effects text change using JavaScript

I have created a video template in Adobe After Effects for the birthday wish. I want to change the inside text (Name of the birthday person) dynamically using JavaScript and export to .MP4 formate, don't want to use After Effects each time to export…
user3555898
  • 83
  • 4
0
votes
0 answers

Is there a way to add an action to a Lottie Animated Switch in SwiftUI

Is there a way to access an 'onTapGesture' (or similar) for a lottie animated switch. I would like to change a property (isComplete) of a CoreData item when the switch is on. Below is my Lottie Button View. Many thanks. import SwiftUI import…
santi.gs
  • 514
  • 3
  • 15
0
votes
0 answers

Loading of json lottie animation on angular web app is very slow on Android devices, but very smooth on iPhone

I'm trying to load multiple lottie animation on my web app for mobile. I use angular 6 with ng-lottie. I have like 16 json files to load representing 16 lottie animations. On iOS, everything is really smooth, no probleme. However, on Android devices…
fanfan
  • 27
  • 1
  • 2
0
votes
1 answer

Trigger animation on hover with Lottie and wordpress

i am currently building a website in wordpress (with elementor) that needs animation on it. I want to use Lottie to do this since i love the possibilities of it, but i can only get Lottie to work with the plugin WP Bodymovin by taking the shortcode…
Bananders
  • 25
  • 4
0
votes
0 answers

Play Bodymovin animation on parent element hover

I have two cards with an animated icon in them. When I hover over the icon, the animation starts playing. Now I want the icon to animate when the card is hovered, not the icon itself. I already tried out different options, but that didn't work.…
Colin Chadwick
  • 146
  • 9
0
votes
1 answer

loading lottie-web animation issue vuejs

so I am trying to mimic this code pen https://codepen.io/airnan/pen/ZLVJmq but when I try to load the same animation in with lottie-web npm package everything works great until the last animation. Then it all gets messed up. I'm trying to figure it…
codernoob8
  • 434
  • 1
  • 9
  • 24
0
votes
0 answers

How to integrate a Lottie library with android project that doesn't support AndroidX?

I'm trying to integrate Lottie animation library version 3.4.0 and this version only supports Android X. How can I integrate with this version without Android X migrating?
Eslam Hussein
  • 209
  • 2
  • 10
1 2 3
…
55 56