lottie-web VS react-navigation

contribute If you have the knowledge and skills, contributing to the project directly is another valuable way to assist. However, keep in mind that contributing can be challenging if you're not familiar with animation basics and the lottie format. That's precisely what this article aims to address!

Apparently what the Synfig project recommends nowadays is to export for web (Lottie). And from there, you must use another software (from a series of software called Lottie, Open Source too) to render for a given platform. The one to export your lottie file to animated SVG would likely be lottie-web. The README says there is a SVG renderer.

GitHub Stars: 24.1k

One of my initial workflows was using the afterfx.exe and then running a script to import CSV files and render to png After that I switched to using Bodymovin and Lottie and vector files, and then using Caspar CG or mplayer to play out. https://github.com/airbnb/lottie-web

They are using this https://github.com/airbnb/lottie-web which indicates they might have used Adobe After Effects for the animations.

Not sure why its not linked on that page, but here is the official web player from the Airbnb team: https://github.com/airbnb/lottie-web

UPDATE: Looks like I'm not the only one https://github.com/react-navigation/react-navigation/issues/10988

Does this work on @react-navigation/native-stack or only @react-navigation/stack ? I know you said

React Navigation

you're more than likely going to need https://reactnavigation.org/ for pages and tabs/bottom nav.

Wow, that's A LOT, but when You do a simple setup does it just work when You just follow the reactnavigation.org docs procedure? because when I do I, First I get the error, node modules not found then after restarting my PC I get these error: FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\user\Documents\WORK\ENGINEERING\PROJECTS\REACT NATIVE PROJE CTS\1LEARNING\Nav1\node_modules\react-native-screens\android\build.gradle' line: 33 This is what I have on line 33: apply plugin: 'kotlin-android' * What went wrong: A problem occurred evaluating project ':react-native-screens'. > Could not initialize class org.jetbrains.kotlin.gradle.plugin.KotlinGradleBuil dServices * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output.