mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-05 22:56:11 +00:00
cceeb2b30a
# Summary A minor change in web example app to fix SVG path and reformat examples with prettier/lint
33 lines
771 B
TypeScript
33 lines
771 B
TypeScript
import * as React from 'react';
|
|
import {View} from 'react-native';
|
|
import Svg, {Rect} from 'react-native-svg';
|
|
|
|
export default function App() {
|
|
return (
|
|
<View style={{flex: 1}}>
|
|
<Svg width="100%" height="100%" viewBox="0 0 56 56" color="red">
|
|
<Rect width="20" height="20" rx="4" fill="currentColor" opacity={0.2} />
|
|
<Rect
|
|
x="0"
|
|
y="25"
|
|
width="20"
|
|
height="20"
|
|
rx="4"
|
|
fill="red"
|
|
opacity={0.2}
|
|
/>
|
|
<Rect x="25" y="0" width="20" height="20" rx="4" fill="red" />
|
|
<Rect
|
|
x="25"
|
|
y="25"
|
|
width="20"
|
|
height="20"
|
|
rx="4"
|
|
fill="blue"
|
|
fillOpacity="0.2"
|
|
/>
|
|
</Svg>
|
|
</View>
|
|
);
|
|
}
|