react-native-svg/elements/LinearGradient.js

SVG library for react-native

import React, { Component } from "react";
import extractGradient from "../lib/extract/extractGradient";
import { requireNativeComponent } from "react-native";

export default class extends Component {
    static displayName = "LinearGradient";

    static defaultProps = {
        x1: "0%",
        y1: "0%",
        x2: "100%",
        y2: "0%",
    };

    render() {
        const { props } = this;
        const { x1, y1, x2, y2 } = props;
        return (
            <RNSVGLinearGradient
                x1={x1}
                y1={y1}
                x2={x2}
                y2={y2}
                {...extractGradient(props)}
            />
        );
    }
}

const RNSVGLinearGradient = requireNativeComponent("RNSVGLinearGradient");