react-native-svg-animations
react-native-svg-animations copied to clipboard
Feature request: Instead of clearing svg after animation reached end, follow through
Example:
There is an animation at 4 points (A, B, C, D).
As I've seen it work now, we are able to animate from A -> B -> C -> D then the svg disappears and it starts over. Would there be a way for us to set a prop to have the svg show the animation like: A A -> B A -> B -> C A -> B -> C -> D B -> C -> D C -> D D
So essentially it is sort of "clear itself" instead of a sudden clear.
Hi @CoryWritesCode , have you tried the reverse
or rewind
props? It was added by someone before for the same use case you described.
I'll take a look! Thanks!
@73R3WY I looked into those props and, to my knowledge, without configuring some tricky conditionals it doesn't get what I'm looking for here. I'm thinking of more like a collapse
prop maybe. Where the path completes and then the end (where the animation originally begins) comes back to meet the end causing it to collapse in on it's own path in a matter of speaking. Does that make sense?