How do I use this with Expo?

I’m trying to use this with Expo, and when attempting to build the app, I get this error:

Unable to resolve "react-native-svg" from "node_modules/react-native-circular-progress/src/CircularProgress.js"

If I install react-native-svg, I get this error:

Tried to register two views with the same name RNSVGPath

I understand that Expo comes with its own react-native-svg already, which is why the error occurs. But react-native-circular-progress doesn’t use Expo’s SVG… so how am I supposed to get around this issue?

Modifying CircularProgress.js to use Expo’s SVG fixes this issue and works perfectly. But I’d prefer to use this without any modifications.

Any ideas?

[phpsmarter]

if you use expo ,need modify some code

because of expo redefine SVG code , need change some code in the source code

when you install npm package ,find pacakge and modify this file

./src/CircularProgress.js

import { Svg } from "expo";

<Svg
          width={size}
          height={size}
          style={{ backgroundColor: 'transparent' }}
        >
          <Svg.G rotation={rotation} originX={size/2} originY={size/2}>
            { backgroundColor && (
              <Svg.Path
                d={backgroundPath}
                stroke={backgroundColor}
                strokeWidth={backgroundWidth || width}
                strokeLinecap={lineCap}
                fill="transparent"
              />
            )}
            {fill > 0 && (
              <Svg.Path
                d={circlePath}
                stroke={tintColor}
                strokeWidth={width}
                strokeLinecap={lineCap}
                fill="transparent"
              />
            )}
          </Svg.G>
        </Svg>

[joelngwt]

I decided to use version 0.2.0 of this package. Works for me and there’s no issue with Expo