react-native-circular-progress: Invariant Violation: requireNative Component: "RNSVGPath" was not found in the UIManager

HI,

I’ve run on my project: npm i --save react-native-circular-progress react-native-svg react-native link react-native-svg

And immediately received this error while testing out this code:

<AnimatedCircularProgress size={120} width={15} fill={100} tintColor="#00e0ff" onAnimationComplete={() => console.log('onAnimationComplete')} backgroundColor="#3d5875" />

My setup: react-native-cli: 2.0.1 react-native: 0.56.0

In my package.json "react-native-circular-progress": "^1.0.1" "react-native-svg": "^6.5.2",

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 18

Most upvoted comments

for any future person coming here with this issue that I faced on Android, make sure to recompile your project so RN picks up the native lib changes. I forgot this simple step

+51

alittletf on Mar 20, 2019

For iOS, run pod install to install missing pods.

+44

buddhishan on Dec 3, 2018

Installing the libraries and linking them are two seperate commands. So first you would install it with npm i --save react-native-circular-progress react-native-svg and then afterwards you would run react-native link react-native-svg

+21

Jacse on Sep 11, 2018

In xCode: adding libRNSVG.a to Linked Binaries in Build Phases manually solved the issue. RN 0.57.3

+11

amed on Jan 2, 2019

If auto-linking is not for your project, you should probably do following: Add this to ios/Podfile:

pod 'RNSVG', path: '../node_modules/react-native-svg/RNSVG.podspec'

And then run npx pod-install ios.

This worked for me.

ghost on Jul 23, 2020

I’ve solved this issue by doing the manual installation without pods: https://github.com/react-native-community/react-native-svg#ios

PierreCapo on Jan 23, 2019