search

879479119 / react-native-shadow

A SVG shadow component powered with react-native-svg,which can provide shadow on Android like iOS ^_^
MIT License
610 stars 82 forks source link

ERROR : Native component for "RNSVGLinearGradient" does not exist #30

Open mohammad-goldast opened 6 years ago

mohammad-goldast commented 6 years ago

Hello everyone, when use react-native-shadow, i got same error like this :

`Invariant Violation: Native component for "RNSVGLinearGradient" does not exist

This error is located at: in RNSVGLinearGradient (at LinearGradient.js:29) in LinearGradient (at BoxShadow.js:63) in RNSVGDefs (at Defs.js:8) in Defs (at BoxShadow.js:62) in RNSVGSvgView (at Svg.js:94) in Svg (at BoxShadow.js:61) in RCTView (at View.js:112) in View (at BoxShadow.js:60) in BoxShadow (at Card.js:18) in Card (at loginForm.js:12) in LoginForm (at authPage.cmp.js:90) in RCTView (at View.js:112) in View (at authPage.cmp.js:72) in AuthPage (created by Connect(AuthPage)) in Connect(AuthPage) (at Navigation.js:83) in Provider (at Navigation.js:82) in _class2 (at renderApplication.js:35) in RCTView (at View.js:112) in View (at AppContainer.js:102) in RCTView (at View.js:112) in View (at AppContainer.js:122) in AppContainer (at renderApplication.js:34)`

I installed this package by : npm i --save react-native-shadow and npm i --save react-native-svg.

Here is my code : `const Card = ({style, children}) => { const shadowOpt = { width:100, height:100, color:"#000", border:2, radius:3, opacity:0.2, x:0, y:3, style:{marginVertical:5} } return(

{ children } 
)

}`

Also maybe need these information : "react": "16.0.0", "react-native": "0.51", "react-native-shadow": "^1.2.2", "react-native-svg": "^6.3.1",

matveychuk commented 6 years ago

the same problem

danielland85 commented 6 years ago

same problem here

rishiankush commented 6 years ago

same problem here too

artemgrygor commented 6 years ago

I had the same problem. It works for me after react-native link react-native-svg. Also close your iPhone emulator and restart the project again.

ZhangYi0415 commented 5 years ago

you have to config your project to support the SVG component we use( react-native-svg - Link)

do not forget : react-native link react-native-svg

Yhozen commented 4 years ago

For RN > 0.60 remember to do 

cd ios/ 
pod install

and then react-native run-ios again