Works fine on preview site, but broken and glitches at flutter

spencer0124 commented 12 months ago

I made my own file using after effect (used bodymovin) (unlock zip file to see my json file) pass_loading.json.zip

in preview site(https://app.lottiefiles.com/preview?fileUrl=), it works what i intended but when i loaded it into flutter like this:

Lottie.asset( 'assets/lottie/pass_loading.json', repeat: true, frameRate: FrameRate.max, ),

it is broken and glitches

both android simulator and ios simulator shows the same thing. I even tested on the real ios device(iphone 14 pro), and it shows the same error
when i use other asset from community, it works well as it intended So i think it is the problem of my json file, but as i can see it working properly in preview site, I don't know how to fix it
I've done flutter doctor, flutter clean - pub get, restart and other normal solutions. Flutter 3.10.6. Can't see any error while building in flutter run --verbose

nero-angela commented 9 months ago

I haven't changed the asset, but suddenly there's a problem.

lhp3851 commented 9 months ago

I haven't changed the asset, but suddenly there's a problem.

2023-10-30.9.19.37.mov

Flutter 3.13.9

lottie : 2.7.0

I have the similar problem, and the situation is:

put the LottieBuilder in to a list view(such as: GridView/SingleChildScrollView/CustomScrollView),
and make the list view enough content to scrollable
then scroll the content in the list view

xvrh / lottie-flutter