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",

Issue Analytics

State:
Created 5 years ago
Comments:17

Top GitHub Comments

51reactions

alittletfcommented, Mar 20, 2019

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

42reactions

buddhishancommented, Dec 3, 2018

For iOS, run pod install to install missing pods.

Top Results From Across the Web

requireNativeComponent: "RNSVGPath" was not found in the ...

Gettings "requireNativeComponent: RNSVGPath was not found in the UIManager. Here are the versions of the packages I'm using: "react-native-svg": ...

Invariant Violation: requireNativeComponent: "RNSVGPath ...

I fixed the problem by explicitly installing the corresponding dependency. yarn add react-native-svg.

rnsvgpath'' was not found in the uimanager, invariant violation ...

invariant violation : requirenativecomponent: rncsafeareaview'' was not found in the uimanager. It got resolved and it was due to react-native-safe-area-view ...

“requireNativeComponent: "RNSVGPath" was not found in the ...

Answers related to “requireNativeComponent: "RNSVGPath" was not found in the UIManager”. Invariant Violation: requireNativeComponent: ...

react-native-svg - npm

react-native-svg provides SVG support to React Native on iOS, Android, macOS, Windows, and a compatibility layer for the web.