| /expo/apps/native-component-list/src/screens/SVG/examples/ |
| H A D | Circle.tsx | 10 <Svg.Svg height="100" width="140"> 12 </Svg.Svg> 21 <Svg.Svg height="100" width="100"> 23 </Svg.Svg> 32 <Svg.Svg height="100" width="100"> 33 <Svg.Circle 42 </Svg.Svg> 51 <Svg.Svg height="100" width="100"> 64 </Svg.Svg> 70 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Text.tsx | 13 <Svg.Svg height="30" width="100"> 17 </Svg.Svg> 27 <Svg.Svg height="60" width="200"> 37 </Svg.Svg> 46 <Svg.Svg height="60" width="200"> 63 </Svg.Svg> 92 </Svg.Svg> 124 </Svg.Svg> 157 </Svg.Svg> 163 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Rect.tsx | 10 <Svg.Svg width="200" height="60"> 21 </Svg.Svg> 30 <Svg.Svg width="100" height="100"> 42 </Svg.Svg> 51 <Svg.Svg width="100" height="100"> 63 </Svg.Svg> 72 <Svg.Svg width="100" height="100"> 84 </Svg.Svg> 104 </Svg.Svg> 110 <Svg.Svg width="20" height="20"> [all …]
|
| H A D | Polygon.tsx | 6 const { G } = Svg; 13 <Svg.Svg height="100" width="100"> 15 </Svg.Svg> 24 <Svg.Svg height="100" width="100"> 26 </Svg.Svg> 35 <Svg.Svg height="105" width="105"> 44 </Svg.Svg> 53 <Svg.Svg height="105" width="105"> 62 </Svg.Svg> 68 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Polyline.tsx | 11 <Svg.Svg height="100" width="100"> 12 <Svg.Polyline 18 </Svg.Svg> 27 <Svg.Svg height="100" width="100"> 34 </Svg.Svg> 43 <Svg.Svg height="100" width="100"> 50 </Svg.Svg> 59 <Svg.Svg height="100" width="100"> 68 </Svg.Svg> 74 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Ellipse.tsx | 2 import * as Svg from 'react-native-svg'; 10 <Svg.Svg height="100" width="200"> 11 <Svg.Ellipse 20 </Svg.Svg> 29 <Svg.Svg height="120" width="200"> 31 <Svg.Ellipse cx="94" cy="45" rx="80" ry="25" fill="lime" /> 33 </Svg.Svg> 42 <Svg.Svg height="100" width="200"> 45 </Svg.Svg> 51 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Line.tsx | 2 import * as Svg from 'react-native-svg'; 11 <Svg.Svg height="100" width="100"> 13 </Svg.Svg> 23 <Svg.Svg height="100" width="200"> 24 <Svg.Line 33 <Svg.Line 42 <Svg.Line 51 </Svg.Svg> 57 <Svg.Svg height="20" width="20"> 58 <Svg.Line x1="0" y1="0" x2="20" y2="20" stroke="red" strokeWidth="1" /> [all …]
|
| H A D | Path.tsx | 13 <Svg.Svg height="100" width="100"> 16 <Svg.Path 20 <Svg.Path 24 </Svg.Svg> 33 <Svg.Svg height="100" width="100"> 40 </Svg.Svg> 50 <Svg.Svg height="200" width="225"> 73 </Svg.Svg> 78 <Svg.Svg width="20" height="20" viewBox="0 0 20 20"> 80 <Svg.Path [all …]
|
| H A D | G.tsx | 39 <Svg.Svg height="100" width="100"> 41 <Svg.G> 43 </Svg.G> 48 </Svg.G> 49 </Svg.Svg> 58 <Svg.Svg height="100" width="200"> 67 </Svg.G> 77 </Svg.Svg> 83 <Svg.Svg height="20" width="20"> 90 </Svg.G> [all …]
|
| H A D | Gradients.tsx | 21 </Svg.Svg> 42 </Svg.Svg> 61 </Svg.Svg> 76 </Svg.Svg> 100 </Svg.Svg> 126 </Svg.Svg> 143 </Svg.Svg> 160 </Svg.Svg> 177 </Svg.Svg> 202 </Svg.Svg> [all …]
|
| H A D | Stroking.tsx | 12 <Svg.Svg height="80" width="225"> 18 </Svg.Svg> 27 <Svg.Svg height="80" width="225"> 35 </Svg.Svg> 44 <Svg.Svg height="80" width="225"> 50 </Svg.Svg> 60 <Svg.Svg height="80" width="200"> 84 </Svg.Svg> 123 </Svg.Svg> 129 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Svg.tsx | 25 <Svg.Svg height="100" width="100"> 28 </Svg.Svg> 37 <Svg.Svg height="100" width="100" opacity="0.2"> 40 </Svg.Svg> 57 </Svg.Svg> 73 <Svg.Svg style={styles.svg}> 89 </Svg.Svg> 113 <Svg.Svg 126 </Svg.Svg> 141 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | TouchEvents.tsx | 2 import * as Svg from 'react-native-svg'; 6 const { Circle, Path, Rect, G, Text, ClipPath, Defs } = Svg; 14 <Svg.Svg height="100" width="100"> 25 </Svg.Svg> 43 <Svg.Svg height="120" width="120"> 66 </Svg.Svg> 76 <Svg.Svg height="120" width="120" viewBox="0 0 240 240"> 94 </Svg.Svg> 100 <Svg.Svg height="20" width="20"> 117 </Svg.Svg>
|
| H A D | Reusable.tsx | 7 Svg; 13 <Svg.Svg height="100" width="300"> 25 </Svg.Svg> 34 <Svg.Svg height="110" width="200"> 41 </Svg.Svg> 51 <Svg.Svg height="100" width="100"> 77 </Svg.Svg> 86 <Svg.Svg height="150" width="110"> 95 </Svg.Svg> 101 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | Clipping.tsx | 2 import * as Svg from 'react-native-svg'; 7 Svg; 13 <Svg.Svg height="100" width="100"> 32 </Svg.Svg> 41 <Svg.Svg height={200} width={200}> 66 </Svg.Svg> 75 <Svg.Svg height="60" width="200"> 103 </Svg.Svg> 109 <Svg.Svg height="20" width="20"> 124 </Svg.Svg>
|
| H A D | VictoryNative.tsx | 4 import * as Svg from 'react-native-svg'; 55 <Svg.Svg width={Dimensions.get('window').width} height={50}> 56 <Svg.Text 64 </Svg.Text> 65 </Svg.Svg>
|
| H A D | PanResponder.tsx | 8 import * as Svg from 'react-native-svg'; 12 const { Path, Text, G, Line, Polyline } = Svg; 66 <Svg.Svg height="200" width="200"> 80 </Svg.Svg> 86 <Svg.Svg height="20" width="20"> 109 </Svg.Svg>
|
| H A D | Image.tsx | 13 <Svg.Svg height="100" width="100"> 23 <Svg.Image 36 </Svg.Svg> 46 <Svg.Svg height="100" width="100"> 54 <Svg.Image 67 </Svg.Svg> 77 <Svg.Svg height="100" width="100"> 78 <Svg.Image 88 </Svg.Svg> 94 <Svg.Svg height="20" width="20"> [all …]
|
| H A D | index.web.ts | 16 import Svg from './Svg'; 21 Svg,
|
| H A D | index.ts | 16 import Svg from './Svg'; 22 Svg,
|
| /expo/apps/test-suite/tests/ |
| H A D | SVG.js | 2 import * as Svg from 'react-native-svg'; 42 const SVGComponent = Svg[component]; 45 <Svg.Svg key={`svg-${component}`}> 47 </Svg.Svg>
|
| /expo/home/components/ |
| H A D | Icons.tsx | 6 import { Svg, Path, SvgProps } from 'react-native-svg'; 45 <Svg width={size} fill={fill} height={size} viewBox="0 0 496 512" {...props}> 47 </Svg> 54 <Svg fill={fill} width={size} height={size} viewBox="0 0 24 24" {...props}> 57 </Svg> 107 <Svg width={size} fill={fill} height={size} viewBox="0 0 512 512" {...props}> 109 </Svg> 114 <Svg width={size} fill={fill} height={size} viewBox="0 0 512 512" {...props}> 116 </Svg> 123 <Svg [all …]
|
| /expo/apps/native-component-list/src/screens/ |
| H A D | BarCodeScannerScreen.tsx | 5 import * as Svg from 'react-native-svg'; 117 <Svg.Circle 144 <Svg.Svg height={state.canvasHeight} width={state.canvasWidth} style={styles.svg}> 145 <Svg.Circle 154 <Svg.Polygon 162 <Svg.Text 169 </Svg.Text> 173 </Svg.Svg>
|
| /expo/home/menu/ |
| H A D | ClipboardIcon.tsx | 4 import Svg, { SvgProps, Path } from 'react-native-svg'; 12 <Svg width={size || width || 20} height={size || height || 20} viewBox="0 0 20 20" fill="none"> 27 </Svg>
|
| /expo/docs/pages/versions/unversioned/sdk/ |
| H A D | svg.mdx | 2 title: Svg 25 import * as Svg from 'react-native-svg'; 28 ### `Svg` 38 import Svg, { Circle, Rect } from 'react-native-svg'; 42 <Svg height="50%" width="50%" viewBox="0 0 100 100" {...props}> 45 </Svg>
|