Skip to content
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 not playing fully through #12

Open
lucidprojects opened this issue Nov 2, 2021 · 1 comment
Open

Animation not playing fully through #12

lucidprojects opened this issue Nov 2, 2021 · 1 comment

Comments

@lucidprojects
Copy link

lucidprojects commented Nov 2, 2021

I've created my own Lottie file which works as desired when tested on lottie files preview -https://lottiefiles.com/share/fpzibff0

But for some reason when I call it within my code it only plays part of the animation.

I read a few issues related to total size of the json file but mine is on 30kb

code

<AnimatedLoader
        visible={visible}
        overlayColor="rgba(255,255,255,0.75)"
        source={require("../../assets/logo_drop_loopout.json")}
        animationStyle={styles.lottie}
        speed={1.5}
        >
</AnimatedLoader>

Versions:

react-native: 0.63.2 
"lottie-ios": "3.1.8",
"lottie-react-native": "4.0.3",
"react-native-animated-loader": "^0.0.9",

desired full animation, where it spins 3 times after

full_anmiation.mov

vs partial animation

partial_animation1.mov

Any help appreciated.

@lucidprojects
Copy link
Author

lucidprojects commented Nov 3, 2021

For anyone that ends up here, per this reddit It looks like Lottiefiles don't handle After Effects expressions well.

Sure enough, taking out the expressions fixes the issue. Kind of a bummer but at least it is working.

Also, useful link for AE features supported

Cheers ✌️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant