react-native-gradients
Version:
A simple gradient library for React Native.
34 lines • 906 B
JavaScript
import React from 'react';
import Svg, { Defs, RadialGradient as SVGRadialGradient, Rect, Stop } from 'react-native-svg';
export const RadialGradient = _ref => {
let {
colorList,
x,
y,
rx,
ry
} = _ref;
return /*#__PURE__*/React.createElement(Svg, {
height: "100%",
width: "100%"
}, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(SVGRadialGradient, {
id: "grad",
cx: x,
cy: y,
rx: rx,
ry: ry,
gradientUnits: "userSpaceOnUse"
}, colorList.map((value, index) => /*#__PURE__*/React.createElement(Stop, {
key: `RadialGradientItem_${index}`,
offset: value.offset,
stopColor: value.color,
stopOpacity: value.opacity
})))), /*#__PURE__*/React.createElement(Rect, {
x: "0",
y: "0",
width: "100%",
height: "100%",
fill: "url(#grad)"
}));
};
//# sourceMappingURL=RadialGradient.js.map