File tree Expand file tree Collapse file tree 1 file changed +16
-11
lines changed
packages/rn-tester/js/examples/Transform Expand file tree Collapse file tree 1 file changed +16
-11
lines changed Original file line number Diff line number Diff line change @@ -70,18 +70,14 @@ function TransformOriginExample() {
70
70
} ) ;
71
71
72
72
return (
73
- < View
74
- style = { {
75
- alignItems : 'center' ,
76
- } } >
73
+ < View style = { styles . transformOriginWrapper } >
77
74
< Animated . View
78
- style = { {
79
- transform : [ { rotate : spin } ] ,
80
- backgroundColor : 'pink' ,
81
- width : 100 ,
82
- height : 100 ,
83
- transformOrigin : 'top' ,
84
- } }
75
+ style = { [
76
+ styles . transformOriginView ,
77
+ {
78
+ transform : [ { rotate : spin } ] ,
79
+ } ,
80
+ ] }
85
81
/>
86
82
</ View >
87
83
) ;
@@ -271,6 +267,15 @@ const styles = StyleSheet.create({
271
267
color : 'white' ,
272
268
fontWeight : 'bold' ,
273
269
} ,
270
+ transformOriginWrapper : {
271
+ alignItems : 'center' ,
272
+ } ,
273
+ transformOriginView : {
274
+ backgroundColor : 'pink' ,
275
+ width : 100 ,
276
+ height : 100 ,
277
+ transformOrigin : 'top' ,
278
+ } ,
274
279
} ) ;
275
280
276
281
exports . title = 'Transforms' ;
You can’t perform that action at this time.
0 commit comments