react-native-art-svg/elements/Circle.js

react native svg library

import React, {
    Component,
    PropTypes
} from 'react-native';
import Ellipse from './Ellipse';
let propType = PropTypes.oneOfType([PropTypes.string, PropTypes.number]);
class Circle extends Component{
    static displayName = 'Circle';
    static propTypes = {
        cx: propType,
        cy: propType,
        r: propType
    };
    static defaultProps = {
        cx: 0,
        cy: 0
    };

    static getPath = props => Ellipse.getPath({
        cx: props.cx,
        cy: props.cy,
        rx: props.r,
        ry: props.r
    });

    render() {
        return <Ellipse
            {...this.props}
            rx={+this.props.r}
            ry={+this.props.r}
        />
    }
}

export default Circle;