Error while updating property 'fill' of a view managed by: RNSVGPath

[FrancoMuniz]

I'm having this issue, saw that the exact same issue was solved time ago, but the solution is not working for me.

Bug

After installing react-native-svg using "expo install react-native-svg", I try to add the following Svg:

<Svg width={18} height={20} viewBox="0 0 18 20" >
      <G
        transform="translate(1 1)"
        stroke="#000"
        strokeWidth={2}
        fill="none"
        fillRule="evenodd"
        strokeLinecap="round"
        strokeLinejoin="round"
      >
        <Path d="M16 18v-2a4 4 0 00-4-4H4a4 4 0 00-4 4v2" />
        <Circle cx={8} cy={4} r={4} />
      </G>
</Svg>

and this error shows up:

Error while updating property 'fill' of a view managed by: RNSVGPath

null

java.lang.Double cannot be cast to java.lang.String

Tried uninstalling and installing several versions. Same thing with all of them.
Current one: 9.13.3

[edencorbin]

same issue here.

[raymelon]

Having the same issue as well.

"react": "16.13.1",
"react-native": "0.63.1",
"react-native-svg": "12.0.3",

I use fortawesome svg pacakges, could be conflicting with react-native-svg on some degree. I need to investigate further to confirm.

"@fortawesome/fontawesome-svg-core": "^1.2.30",
"@fortawesome/free-brands-svg-icons": "^5.14.0",
"@fortawesome/free-regular-svg-icons": "^5.14.0",
"@fortawesome/free-solid-svg-icons": "^5.14.0",
"@fortawesome/react-native-fontawesome": "^0.2.5",
"@react-native-community/masked-view": "^0.1.10",

[raymelon]

Having the same issue as well.

"react": "16.13.1",
"react-native": "0.63.1",
"react-native-svg": "12.0.3",

I use fortawesome svg pacakges, could be conflicting with react-native-svg on some degree. I need to investigate further to confirm.

"@fortawesome/fontawesome-svg-core": "^1.2.30",
"@fortawesome/free-brands-svg-icons": "^5.14.0",
"@fortawesome/free-regular-svg-icons": "^5.14.0",
"@fortawesome/free-solid-svg-icons": "^5.14.0",
"@fortawesome/react-native-fontawesome": "^0.2.5",
"@react-native-community/masked-view": "^0.1.10",

Giving an update, I was able to solve the issue by using the Expo's version of the package. That worked for me because I only use react-native-svg as a prerequisite for fontawesome packages.

"react-native-svg": "git+https://github.com/expo/react-native-svg.git"

[ChuksFestus]

Has anyone found a fix for this yet?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You may also mark this issue as a "discussion" and I will leave this open.

[da8636]

This is still a persisting issue and have not found a solution. Any advice would be appreciated.

[shay-te]

experiencing the same issue. while installing (https://github.com/skrafft/react-native-jitsi-meet#android-install)[https://github.com/skrafft/react-native-jitsi-meet#android-install]

to solve this had to exclude this react-native-svg from the jitsi implementation. in the app/build.gradle file.

    implementation(project(':react-native-jitsi-meet')) {
        exclude group: 'com.facebook.react',module:'react-native-svg'
    }

if this gives some clue to the problem.

[masarapu4848]

i get the same issue and using
"react": "16.13.1"
"react-native": "0.63.4",
"react-native-svg": "12.0.3",

and i tried using "react-native-svg": "git+https://github.com/expo/react-native-svg.git"
or
"react-native-svg": "9.13.1",

still i get the same error

[ecemac]

Still having the same error, any updates on this issue?

[yasir-systemplus]

Any update on this issue? I am having still same problem.

[hugoh59]

Same issue on android only.

[MaymoonaAlBoloshi]

👀 any update on this?

[gabrielvrl]

any updates on this?

[jarredkenny]

+1

Also effected by this

[christopherboisvert]

I have the same problem here !

Here is my dependencies:
{ ""dependencies": { "@react-native-async-storage/async-storage": "^1.17.10", "@react-navigation/drawer": "^6.4.4", "@react-navigation/native": "^6.0.12", "@react-navigation/native-stack": "^6.8.0", "expo": "~46.0.8", "expo-dev-client": "~1.2.1", "expo-status-bar": "~1.4.0", "react": "18.0.0", "react-native": "0.69.5", "react-native-reanimated": "2.9.1", "react-native-safe-area-context": "4.3.1", "react-native-screens": "3.15.0", "react-native-svg": "^13.1.0", "validator": "^13.7.0" }, "devDependencies": { "@babel/core": "^7.12.9", "react-native-svg-transformer": "^1.0.0" }, }

[mateusfranco]

if you are using expo, sometimes when you run yarn start you will see a message like "react-native-svg V-XX.X.X" is incompactible with expo, install version XX.X.X

So i only change the version of react-native-svg and delete and install dependences again

[RamboGj]

Hey guys! I was having the same issue here. Try installing react-native-svg packages again, it worked for me
1 - stop expo app
expo install react-native-svg
2 - rerun the app

[savapolimac]

After rerunning the app it showed a warning that my react-native-svg version is incompatible with the installed expo version and after installing the expected version it was fixed.

[WoLewicki]

I think it should be resolved in expo as well as for bare apps in the newest version of the library. I will close this issue then. Feel free to comment here with repro if something is wrong and we can always reopen it then.

[tier3guy]

Installing react-native-svg@9.13.6, this particular version worked for me.

[tsheaff]

Thanks @tier3guy this saved me from this issue. A bit frustrating that we have to be 4 major versions behind just to get it working on Android, but this did solve the Error while updating property 'fill' crash for me.

[dylan-westbury]

Make sure no outdated version installed or different duplicate versions.

clear node_modules and package.lock / yarn.lock

[batazo]

V12.3.0 is work for me