Author of the Android side of things here. Feel Free to ask any questions!
Introducing Lottie: Airbnb's tool for adding animations to native apps
11–20 of 101 posts
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#12How does this compare to Keyframes, which Facebook released back in November? https://code.facebook.com/posts/354469174916519/keyframes-de...
This supports a larger number of after effects animation features, it also has support for native animated view controller transitions, support for react native, programmatically masking arbitrary views from after effects layers.
Check the readme on the github for each repo for more info :)
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#13Are animations in react-native offloaded to the native renderer, or are they in JS?
Great question. Right now playing the animation with the imperative API in React Native will be driven entirely on the main thread, but the declarative API with `Animated` will not be (yet).
I'm very interested in building the proper hooks natively to allow for usage with `useNativeDriver: true`. We are perfectly situated for this too, considering the author of the iOS side was also the engineer who introduced offloaded animations to React Native on the iOS side!
(Source: I made the Lottie RN bindings, and work on RN at Airbnb)
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#14Are animations in react-native offloaded to the native renderer, or are they in JS?
Great question. Right now playing the animation with the imperative API in React Native will be driven entirely on the main thread, but the declarative API with `Animated` will not be (yet). I'm very interested in building the proper hooks natively to allow for usage with `useNativeDriver: true`. We are perfectly situated for this too, considering the author of the iOS side was also the engineer who introduced offloa…
What are you building with RN at airbnb? What has been your experience? If you were starting a mobile company now, would you start with RN ?
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#15Author of the iOS side of things here. Feel Free to ask any questions!
Which screens in the app are currently are using this?
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#16Are animations in react-native offloaded to the native renderer, or are they in JS?
Great question. Right now playing the animation with the imperative API in React Native will be driven entirely on the main thread, but the declarative API with `Animated` will not be (yet). I'm very interested in building the proper hooks natively to allow for usage with `useNativeDriver: true`. We are perfectly situated for this too, considering the author of the iOS side was also the engineer who introduced offloa…
Is your navigation lib taking advantage of this? Just wondering, seeing as how React Navigation uses the Animated API
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#17This is awesome! Thanks for releasing this open-source.
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#18Earlier quoted context omitted.
Interesting. Supporting more AE features is a good plus. Can you talk more about the other goals that are different?
I can! I built out the iOS side of the project. Aside from supporting as many after effects features as possible we wanted push what could be done with animation. One example in the current version is using exported after effects files as animated transitions between view controllers. In the future we hope to support more programmatic and interactive uses of animations built in after effects.
So after effects is controlling the shared element transitions?
Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#19Re: Introducing Lottie: Airbnb's tool for adding animations to native apps
#20Earlier quoted context omitted.
I can! I built out the iOS side of the project. Aside from supporting as many after effects features as possible we wanted push what could be done with animation. One example in the current version is using exported after effects files as animated transitions between view controllers. In the future we hope to support more programmatic and interactive uses of animations built in after effects.
So after effects is controlling the shared element transitions?
The animations built from After Effects are programmatically altered to build the UIViewController transition.