Cannot use 'in' operator about react-native-svg-animations HOT 9 CLOSED

Seems the problem is with the svgProperties constructor. Not sure exactly, as the svgPath code is super confusing to me. But passing the length is what the stoke offest it looking for, so I got that from the path and passed it, maybe it's wrong, I don't know. but did this, and it worked:

Ideally, wouldn't need to edit the package though to make it work. :)

from react-native-svg-animations.

Thank you @ezos86 , I'll look into this, the svg-path-properties dependency may be removed already, since it's only purpose is to get the length only

this.length = properties.getTotalLength();

and it can be achieved using what you did.

from react-native-svg-animations.

@73R3WY Yeah, it seems like that library is probably doing a lot more, I'm not sure, I believe it's checking for several Types in the SVG string, I didn't spend too much time following it, I just was looking what the return needed for the dash offset, it seems like the .length works fine.

Thanks for the reply, I think a lot of developers use Lotti now, but this seems like a simple nice module to use. so works for my need 👍

from react-native-svg-animations.

I just did
constructor(props) {
super(props);
const { d, reverse } = this.props;
// const properties = svgPathProperties(d)
// this.length = properties.getTotalLength();
this.length = d.length;
this.strokeDashoffset = new Animated.Value(!reverse ? this.length : 0);
}
and was able to resolve the issue. But animation does seems to work smoothly.

from react-native-svg-animations.

I just did
constructor(props) {
super(props);
const { d, reverse } = this.props;
// const properties = svgPathProperties(d)
// this.length = properties.getTotalLength();
this.length = d.length;
this.strokeDashoffset = new Animated.Value(!reverse ? this.length : 0);
}
and was able to resolve the issue. But animation does seems to work smoothly.

Thanks for confirming this worked for you also. Maybe we can do a merge request to update package. @73R3WY

from react-native-svg-animations.

Yes, @ezos86 , you guys may open a pull request to have the fix and update it in the meantime. It would be very much appreciated. I'm currently making improvements using Typescript for the library.

from react-native-svg-animations.

None of these solutions worked for me on 61.4 rn version it either gives the same error or gives cannot read length of undefined.

from react-native-svg-animations.

Hi @art1373 , can you try editing the files same with the ones edited in here #27 ?

from react-native-svg-animations.

Closing this, merged #27 and updated npm package to 0.2.1.

from react-native-svg-animations.