question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No component found for view with name "RNSVGCircle"

See original GitHub issue

On iOS, only using the example components from the repo. React v. 15.4.2, React-Native v. 0.42.0, and react-native-svg v. 5.1.5

(I did react-native link it)

import Svg, {     
    Circle,
    Ellipse,
    G,
    LinearGradient,
    RadialGradient,
    Line,
    Path,
    Polygon,
    Polyline,
    Rect,
    Symbol,
    Use,
    Defs,
    Stop } from 'react-native-svg';

class PieCircle extends Component{
    static title = 'Draw a Pie shape with circle';
    render() {
        return <Svg
            height="100"
            width="100"
        >
            <Circle
                cx="50"
                cy="50"
                r="40"
                fill="#ddd"
            />
            <Circle
                origin="50, 50"
                rotate="-90"
                cx="50"
                cy="50"
                r="20"
                stroke="#0074d9"
                strokeWidth="40"
                fill="none"
                strokeDasharray="80, 160"
            />
        </Svg>
    }
}

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:18
  • Comments:34

github_iconTop GitHub Comments

2reactions
ant-fxcommented, Sep 19, 2017

I resolved this issue by adding RNSVG into my pod file and rebuilding:

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

then pod install

2reactions
bendyorkecommented, Jun 21, 2017

What eventually worked for me was building and running with Xcode (pressing play in Xcode vs react-native run-ios). After doing that once, react-native run-ios started working. 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

No component found for view with name "RNSVGCircle" #279
On iOS, only using the example components from the repo. React v. 15.4.2, React-Native v. 0.42.0, and react-native-svg v.
Read more >
No component found for view with name " RNSVGViewBox "
No component found for view with name " RNSVGViewBox " ... 15.4.2 so I installed react-native-svg 4.5.0 but it's not working and I...
Read more >
View config getter callback for component `Home` must be a ...
Coding example for the question Invariant Violation: View config getter callback for component `Home` must be a function (received `undefined`)-React ...
Read more >
No component found for view with name "ARTShape"
Solution for No component found for view with name "ARTShape". While working with charts you can face this issue in React Native.
Read more >
RN 集成ART时,提示no component found name ARTShape
按照教程上面首先吧ART库导入xcode,据说Android不用导入,直说iOS的。导入之后提示no component found name ARTShape ,这时需要在Build Phase中 ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found