animatable is continuously making the view to grow

Question

I used Animatable plugin to add some animations to my app components.

<View style={styles.container}>
     <Animatable.View
        animation="tada"
        duration="1500"
        iterationCount={0}
        style={styles.logo}>
          <Logo />
     </Animatable.View>
</View>

But i found that animation="tada" is making the component growing continuosly as below.
except Flippers animation none of the animations are stopping from growing.

How to solve this ?

@EricHasselbring i tried that for login component and is still the same. in above example i pasted only logo component. i tried all different values and even removed that and tried. — , Aug 12 '20 at 14:35
when you use iterationCount={1} do you get any errors? there are 2 errors in your screenshot — Eric Hasselbring, Aug 12 '20 at 14:37
its in the banner at the bottom "Failed prop type", prolly says that for the duration too — Eric Hasselbring, Aug 12 '20 at 14:50

score 0 · Accepted Answer · answered Aug 12 '20 at 14:39

0

I found the problem because I did the same mistake in past.

duration="1500"

should be changed to

duration={1500}

answered Aug 12 '20 at 14:39

Vikas Acharya

3,550
4
19
52

animatable is continuously making the view to grow

1 Answers1