react-native-svg-animations icon indicating copy to clipboard operation
react-native-svg-animations copied to clipboard

Feature request: Instead of clearing svg after animation reached end, follow through

Open CoryWritesCode opened this issue 3 years ago • 3 comments

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.

CoryWritesCode avatar Dec 03 '20 17:12 CoryWritesCode

Hi @CoryWritesCode , have you tried the reverse or rewind props? It was added by someone before for the same use case you described.

73R3WY avatar Dec 03 '20 18:12 73R3WY

I'll take a look! Thanks!

CoryWritesCode avatar Dec 03 '20 19:12 CoryWritesCode

@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?

CoryWritesCode avatar Dec 03 '20 21:12 CoryWritesCode