Open stevensalex299 opened 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?)
This was the only way Github would allow me to add the json file. We are building in Web at the moment.
@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
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
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
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
same problem here, lottie animation works well in chrome desktop, but mobile dont
mobile chrome:
desktop chrome (or dev tools )
@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.