mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-06 07:06:11 +00:00
33 lines
710 B
JavaScript
33 lines
710 B
JavaScript
import React from "react";
|
|
import { requireNativeComponent } from "react-native";
|
|
import extractGradient from "../lib/extract/extractGradient";
|
|
import Shape from "./Shape";
|
|
|
|
export default class LinearGradient extends Shape {
|
|
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
|
|
ref={this.refMethod}
|
|
x1={x1}
|
|
y1={y1}
|
|
x2={x2}
|
|
y2={y2}
|
|
{...extractGradient(props, this)}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
const RNSVGLinearGradient = requireNativeComponent("RNSVGLinearGradient");
|