xvrh
commented
2 years ago Hello, can you provide the json file so I can reproduce myself? And on what platform are you? (iOS, Android or Web?)
Open stevensalex299 opened 2 years ago
xvrh
commented
2 years ago Hello, can you provide the json file so I can reproduce myself? And on what platform are you? (iOS, Android or Web?)
stevensalex299
commented
2 years ago This was the only way Github would allow me to add the json file. We are building in Web at the moment.
xvrh
commented
2 years ago @stevensalex299 On the Web, only the canvaskit renderer works well with this library.
Other people have reported that there are various limitations and bugs with the HTML renderer.
https://docs.flutter.dev/development/platform-integration/web/renderers
stevensalex299
commented
2 years ago We are currently building with the canvaskit renderer, so it's strange to see the issue still presented. The only thing that fixed the issue was staying at version 2.10.5
tangible-idea
commented
1 year ago Is Lottie flutter not possible to work properly with html renderer? canvaskit renderer is too heavy to load.. Please have a look of this issue: https://github.com/flutter/flutter/issues/76009
Navdeep-Goyal
commented
1 year ago This issue still persists. Works well when viewing on desktop web, but, on mobile web (chrome) lottie animation is not rendering properly, rendering either with canvaskit or html-renderer.
Flutter 3.7.6 • channel stable • https://github.com/flutter/flutter.git Framework • revision 12cb4eb7a0 (14 hours ago) • 2023-03-01 10:29:26 -0800 Engine • revision ada363ee93 Tools • Dart 2.19.3 • DevTools 2.20.1
marcuscorreasmash
commented
1 year ago same problem here, lottie animation works well in chrome desktop, but mobile dont
mobile chrome:
desktop chrome (or dev tools )
xvrh
commented
1 year ago @marcuscorreasmash this library only works reliably with the canvaskit web-renderer.
As explained here: https://docs.flutter.dev/development/platform-integration/web/renderers, by default the html renderer is used on mobile.
You have to run/build your app with the the --web-renderer canvaskit flag.
We are using the Lottie package in Flutter to render a json animation file. The animation looks perfectly fine on Flutter version 2.10.5, but on version 3 it renders badly. There seems to be an issue between the two versions.
