CODEWITHSUNDEEP
react-nativesvgreact-native-svgreact-native-svg-charts
David Pears
David Pears

Reputation: 495

EXPO react-native-svg Error:- "Error while updating property 'd' of a view managed by: RNSVGPath null . For input string: "c"

There seems to be an issue with the react-native-svg and android. This error is being thrown in my Android app only - the iOS app seems to be fine? The error message gives me no indication as to where the error may be occurring. Any ideas would be helpful...

CODE:

import { Circle } from 'react-native-svg';

    <Circle
       cx="0"
       cy="0"
       r={size / 2 - 6}
       fill="rgba(255,255,255,0.7)" // Transparency
     />

"react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz", "react-native-svg": "9.5.3", "react-native-svg-charts": "^5.3.0",

enter image description here

UPDATE:

I think have found the root of the error. Within node_modules>react-native-svg>elements>Path.js>Path>render there is a requirement for a props 'd' - it reads:

<RNSVGPath
 ref={this.refMethod}
 {...extractProps(propsAndStyles(props), this)}
 d={props.d}
/>

Upvotes: 4

Views: 2977

Answers (1)

EMMANUEL AJAERO
EMMANUEL AJAERO

Reputation: 66

I removed the version in my project using yarn remove react-native-svg then I ran yarn add [email protected]

***that solved my issue

Upvotes: 5

Related Questions