-
-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Animation flickering & Some animations not even visible on Android #1211
Comments
Could anyone please help or help me what is the reason behind it. ? |
Most probably the animation you are using is using unsupported effects. Read more here: https://github.com/lottie-react-native/lottie-react-native?tab=readme-ov-file#troubleshooting |
is there any issue that helps me use those animations despite of using unsupported effects? |
No. If the effect is unsupported in the platform, it is simply not going to work. |
I run into the same issue. It might seems strange, but what fixed this problem for me is unminifying and formatting the lottie file (which is in json format). |
Description
I just installed latest version from npm & downloaded some .json lottie animations from lottiefiles but out of 7-8 lottiefiles only 1 is working fine rest showing either glitch in animation or not showing at all.
Expected behavior:
It should display animation as showing in lottiefiles website
Actual behavior:
Please check this screen recording.
https://github.com/lottie-react-native/lottie-react-native/assets/42565741/7008f95e-dfb8-46b9-9231-edda246bda76
Minimal reproduction
I just followed what is mentioned on the npm package and added some height and width
This is how i am using it
import LottieView from 'lottie-react-native'; <LottieView source={animFile} autoPlay loop={true} style={{ width: "100%", height: 300, alignSelf: "center", ...style }} />
React Native Environment
"device": "Android 13 moto edge neo 40" and "Google pixel 6"
"react": "18.2.0",
"react-native": "0.73.6",
Lottie Version
"lottie-react-native": "^6.7.0",
The text was updated successfully, but these errors were encountered: