import React from 'react';
import * as Svg from 'react-native-svg';
import Example from './Example';
const { Defs, Circle, ClipPath, Rect, Text } = Svg;
class ImageExample extends React.Component {
static title = 'Draw Image with preserveAspectRatio prop';
render() {
return (
{/*
// @ts-ignore */}
HOGWARTS
);
}
}
class ClipImage extends React.Component {
static title = 'Clip Image';
render() {
return (
{/*
// @ts-ignore */}
alert('press on Image')}
x="5%"
y="5%"
width="90%"
height="90%"
href={require('./image.jpg')}
opacity="0.6"
clipPath="url(#clip)"
/>
HOGWARTS
);
}
}
class DataURI extends React.Component {
static title = 'Data URI';
render() {
return (
);
}
}
const icon = (
);
const Image: Example = {
icon,
samples: [ImageExample, ClipImage, DataURI],
};
export default Image;