import React, {
Component
} from 'react-native';
import Svg, {
Defs,
LinearGradient,
RadialGradient,
Stop,
Ellipse,
Circle,
Text,
Rect
} from 'react-native-svg';
class LinearGradientHorizontal extends Component{
static title = 'Define an ellipse with a horizontal linear gradient from yellow to red';
render() {
return ;
}
}
class LinearGradientVertical extends Component{
static title = 'Define an ellipse with a horizontal linear gradient from yellow to red';
render() {
return ;
}
}
class LinearGradientPercent extends Component{
static title = 'Define a linear gradient in percent unit';
render() {
return ;
}
}
class RadialGradientExample extends Component{
static title = 'Define an ellipse with a radial gradient from yellow to purple';
render() {
return ;
}
}
class RadialGradientPercent extends Component{
static title = 'Define a radial gradient in percent unit';
render() {
return ;
}
}
class RadialGradientPart extends Component{
static title = 'Define another ellipse with a radial gradient from white to blue';
render() {
return ;
}
}
class FillGradientWithOpacity extends Component{
static title = 'Fill a radial gradient with fillOpacity prop';
render() {
return ;
}
}
class FillGradientInRect extends Component{
static title = 'Fill a radial gradient inside a rect';
render() {
return ;
}
}
const icon = ;
const samples = [
LinearGradientHorizontal,
LinearGradientVertical,
LinearGradientPercent,
RadialGradientExample,
RadialGradientPercent,
RadialGradientPart,
FillGradientWithOpacity,
FillGradientInRect
];
export {
icon,
samples
};