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

[spencer0124]

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

1. 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
2. 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
3. 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

in.my.app.MOV

on.preview.site.MOV

• check my video and json file please!

[nero-angela]

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

[lhp3851]

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:

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

AERU2168.MP4