boundaries of the animation

[HananeAlSamrout]

i am using Animatable.View with the following properties animation="slideInDown" iterationCount={'infinite'} direction="alternate"

i need to set the boundaries of the animation, the view is translating very far from the end point, how can i set from and to values?

any suggestions?

[oblador]

Hi, you define your own animation with predefined boundaries like this:

const SLIDE_IN_DOWN_KEYFRAMES = {
  from: { translateY: -50 },
  to: { translateY: 0 },
};

<Animatable.View animation={SLIDE_IN_DOWN_KEYFRAMES} />

[scientist1642]

I think it might me useful to include this in looping section of readme :)

[JimmyDLA]

Hi @oblador, I like the answer you gave when predefining boundaries, but how can you use this when using refs? From what I know, it looks something like this this.animatableView.slideOutUp(300)