4
4
* This source code is licensed under the MIT license found in the
5
5
* LICENSE file in the root directory of this source tree.
6
6
*
7
+ * @format
7
8
* @flow
8
9
*/
10
+
9
11
'use strict' ;
10
12
11
13
var React = require ( 'react' ) ;
12
14
var ReactNative = require ( 'react-native' ) ;
13
- var {
14
- ART ,
15
- Platform,
16
- View,
17
- } = ReactNative ;
18
-
19
- const {
20
- Surface,
21
- Path,
22
- Group,
23
- Transform,
24
- Shape,
25
- } = ART ;
15
+ var { ART , Platform, View} = ReactNative ;
26
16
17
+ const { Surface, Path, Group, Transform, Shape} = ART ;
27
18
28
19
var scale = Platform . isTVOS ? 4 : 1 ;
29
20
30
21
class ARTExample extends React . Component < { } > {
31
- render ( ) {
32
- const pathRect = new Path ( )
33
- . moveTo ( scale * 0 , scale * 0 )
34
- . lineTo ( scale * 0 , scale * 110 )
35
- . lineTo ( scale * 110 , scale * 110 )
36
- . lineTo ( scale * 110 , scale * 0 )
37
- . close ( ) ;
22
+ render ( ) {
23
+ const pathRect = new Path ( )
24
+ . moveTo ( scale * 0 , scale * 0 )
25
+ . lineTo ( scale * 0 , scale * 110 )
26
+ . lineTo ( scale * 110 , scale * 110 )
27
+ . lineTo ( scale * 110 , scale * 0 )
28
+ . close ( ) ;
38
29
39
- const pathCircle0 = new Path ( )
40
- . moveTo ( scale * 30 , scale * 5 )
41
- . arc ( scale * 0 , scale * 50 , scale * 25 )
42
- . arc ( scale * 0 , - scale * 50 , scale * 25 )
43
- . close ( ) ;
30
+ const pathCircle0 = new Path ( )
31
+ . moveTo ( scale * 30 , scale * 5 )
32
+ . arc ( scale * 0 , scale * 50 , scale * 25 )
33
+ . arc ( scale * 0 , - scale * 50 , scale * 25 )
34
+ . close ( ) ;
44
35
45
- const pathCircle1 = new Path ( )
46
- . moveTo ( scale * 30 , scale * 55 )
47
- . arc ( scale * 0 , scale * 50 , scale * 25 )
48
- . arc ( scale * 0 , - scale * 50 , scale * 25 )
49
- . close ( ) ;
36
+ const pathCircle1 = new Path ( )
37
+ . moveTo ( scale * 30 , scale * 55 )
38
+ . arc ( scale * 0 , scale * 50 , scale * 25 )
39
+ . arc ( scale * 0 , - scale * 50 , scale * 25 )
40
+ . close ( ) ;
50
41
51
- const pathCircle2 = new Path ( )
52
- . moveTo ( scale * 55 , scale * 30 )
53
- . arc ( scale * 50 , scale * 0 , scale * 25 )
54
- . arc ( - scale * 50 , scale * 0 , scale * 25 )
55
- . close ( ) ;
42
+ const pathCircle2 = new Path ( )
43
+ . moveTo ( scale * 55 , scale * 30 )
44
+ . arc ( scale * 50 , scale * 0 , scale * 25 )
45
+ . arc ( - scale * 50 , scale * 0 , scale * 25 )
46
+ . close ( ) ;
56
47
57
- const pathCircle3 = new Path ( )
58
- . moveTo ( scale * 55 , scale * 80 )
59
- . arc ( scale * 50 , scale * 0 , scale * 25 )
60
- . arc ( - scale * 50 , scale * 0 , scale * 25 )
61
- . close ( ) ;
48
+ const pathCircle3 = new Path ( )
49
+ . moveTo ( scale * 55 , scale * 80 )
50
+ . arc ( scale * 50 , scale * 0 , scale * 25 )
51
+ . arc ( - scale * 50 , scale * 0 , scale * 25 )
52
+ . close ( ) ;
62
53
63
- return (
64
- < View >
65
- < Surface width = { scale * 200 } height = { scale * 200 } >
66
- < Group >
67
- < Shape d = { pathRect } stroke = "#000080" fill = "#000080" strokeWidth = { scale } />
68
- < Shape d = { pathCircle0 } stroke = "#FF0000" fill = "#FF0000" strokeWidth = { scale } />
69
- < Shape d = { pathCircle1 } stroke = "#00FF00" fill = "#00FF00" strokeWidth = { scale } />
70
- < Shape d = { pathCircle2 } stroke = "#00FFFF" fill = "#00FFFF" strokeWidth = { scale } />
71
- < Shape d = { pathCircle3 } stroke = "#FFFFFF" fill = "#FFFFFF" strokeWidth = { scale } />
72
- </ Group >
73
- </ Surface >
74
- </ View >
75
- ) ;
76
- }
54
+ return (
55
+ < View >
56
+ < Surface width = { scale * 200 } height = { scale * 200 } >
57
+ < Group >
58
+ < Shape
59
+ d = { pathRect }
60
+ stroke = "#000080"
61
+ fill = "#000080"
62
+ strokeWidth = { scale }
63
+ />
64
+ < Shape
65
+ d = { pathCircle0 }
66
+ stroke = "#FF0000"
67
+ fill = "#FF0000"
68
+ strokeWidth = { scale }
69
+ />
70
+ < Shape
71
+ d = { pathCircle1 }
72
+ stroke = "#00FF00"
73
+ fill = "#00FF00"
74
+ strokeWidth = { scale }
75
+ />
76
+ < Shape
77
+ d = { pathCircle2 }
78
+ stroke = "#00FFFF"
79
+ fill = "#00FFFF"
80
+ strokeWidth = { scale }
81
+ />
82
+ < Shape
83
+ d = { pathCircle3 }
84
+ stroke = "#FFFFFF"
85
+ fill = "#FFFFFF"
86
+ strokeWidth = { scale }
87
+ />
88
+ </ Group >
89
+ </ Surface >
90
+ </ View >
91
+ ) ;
92
+ }
77
93
}
78
94
79
95
exports . title = '<ART>' ;
@@ -84,6 +100,6 @@ exports.examples = [
84
100
title : 'ART Example' ,
85
101
render ( ) : React . Element < any > {
86
102
return < ARTExample / > ;
87
- }
103
+ } ,
88
104
} ,
89
105
] ;
0 commit comments