mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-05 22:56:11 +00:00
b3b175a7fb
# Summary Due to the large number of example apps in the repository, I decided to change the structure and move all applications into an "apps" folder to maintain a clear structure.
18 lines
631 B
TypeScript
18 lines
631 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>
|
|
);
|
|
}
|