Skip to content

Animation not playing fully through #12

Open
@lucidprojects

Description

@lucidprojects

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions