9
9
10
10
'use strict' ;
11
11
12
- var BatchedBridge = require ( 'BatchedBridge' ) ;
13
- var React = require ( 'React' ) ;
14
- var ScrollView = require ( 'ScrollView' ) ;
15
- var StyleSheet = require ( 'StyleSheet' ) ;
16
- var View = require ( 'View' ) ;
12
+ const BatchedBridge = require ( 'BatchedBridge' ) ;
13
+ const React = require ( 'React' ) ;
14
+ const ScrollView = require ( 'ScrollView' ) ;
15
+ const StyleSheet = require ( 'StyleSheet' ) ;
16
+ const View = require ( 'View' ) ;
17
17
18
- var requireNativeComponent = require ( 'requireNativeComponent' ) ;
18
+ const requireNativeComponent = require ( 'requireNativeComponent' ) ;
19
19
20
- var ClippableView = requireNativeComponent ( 'ClippableView' ) ;
20
+ const ClippableView = requireNativeComponent ( 'ClippableView' ) ;
21
21
22
22
class ClippingSample1 extends React . Component {
23
23
render ( ) {
24
- var styles = sample1Styles ;
24
+ const styles = sample1Styles ;
25
25
return (
26
26
< View >
27
27
< ClippableView
@@ -54,7 +54,7 @@ class ClippingSample1 extends React.Component {
54
54
}
55
55
}
56
56
57
- var sample1Styles = StyleSheet . create ( {
57
+ const sample1Styles = StyleSheet . create ( {
58
58
outer : {
59
59
width : 200 ,
60
60
height : 200 ,
@@ -90,7 +90,7 @@ var sample1Styles = StyleSheet.create({
90
90
91
91
class ClippingSample2 extends React . Component {
92
92
render ( ) {
93
- var styles = sample2Styles ;
93
+ const styles = sample2Styles ;
94
94
return (
95
95
< View >
96
96
< ClippableView
@@ -124,7 +124,7 @@ class ClippingSample2 extends React.Component {
124
124
}
125
125
}
126
126
127
- var sample2Styles = StyleSheet . create ( {
127
+ const sample2Styles = StyleSheet . create ( {
128
128
outer : {
129
129
width : 200 ,
130
130
height : 200 ,
@@ -164,12 +164,12 @@ var sample2Styles = StyleSheet.create({
164
164
165
165
class UpdatingSample1 extends React . Component {
166
166
render ( ) {
167
- var styles = updating1Styles ;
168
- var inner1Styles = [
167
+ const styles = updating1Styles ;
168
+ const inner1Styles = [
169
169
styles . inner1 ,
170
170
{ height : this . props . update1 ? 200 : 100 } ,
171
171
] ;
172
- var inner2Styles = [ styles . inner2 , { top : this . props . update2 ? 200 : 50 } ] ;
172
+ const inner2Styles = [ styles . inner2 , { top : this . props . update2 ? 200 : 50 } ] ;
173
173
return (
174
174
< View >
175
175
< ClippableView
@@ -184,7 +184,7 @@ class UpdatingSample1 extends React.Component {
184
184
}
185
185
}
186
186
187
- var updating1Styles = StyleSheet . create ( {
187
+ const updating1Styles = StyleSheet . create ( {
188
188
outer : {
189
189
width : 200 ,
190
190
height : 200 ,
@@ -210,8 +210,8 @@ var updating1Styles = StyleSheet.create({
210
210
211
211
class UpdatingSample2 extends React . Component {
212
212
render ( ) {
213
- var styles = updating2Styles ;
214
- var outerStyles = [ styles . outer , { height : this . props . update ? 200 : 100 } ] ;
213
+ const styles = updating2Styles ;
214
+ const outerStyles = [ styles . outer , { height : this . props . update ? 200 : 100 } ] ;
215
215
return (
216
216
< View >
217
217
< ClippableView
@@ -225,7 +225,7 @@ class UpdatingSample2 extends React.Component {
225
225
}
226
226
}
227
227
228
- var updating2Styles = StyleSheet . create ( {
228
+ const updating2Styles = StyleSheet . create ( {
229
229
outer : {
230
230
width : 100 ,
231
231
height : 100 ,
@@ -242,15 +242,15 @@ var updating2Styles = StyleSheet.create({
242
242
243
243
class ScrollViewTest extends React . Component {
244
244
render ( ) {
245
- var styles = scrollTestStyles ;
246
- var children = [ ] ;
247
- for ( var i = 0 ; i < 4 ; i ++ ) {
245
+ const styles = scrollTestStyles ;
246
+ const children = [ ] ;
247
+ for ( let i = 0 ; i < 4 ; i ++ ) {
248
248
children [ i ] = (
249
249
< ClippableView key = { i } style = { styles . row } clippableViewID = { '' + i } />
250
250
) ;
251
251
}
252
- for ( var i = 4 ; i < 6 ; i ++ ) {
253
- var viewID = 'C' + ( i - 4 ) ;
252
+ for ( let i = 4 ; i < 6 ; i ++ ) {
253
+ const viewID = 'C' + ( i - 4 ) ;
254
254
children [ i ] = (
255
255
< ClippableView
256
256
key = { i }
@@ -274,7 +274,7 @@ class ScrollViewTest extends React.Component {
274
274
}
275
275
}
276
276
277
- var scrollTestStyles = StyleSheet . create ( {
277
+ const scrollTestStyles = StyleSheet . create ( {
278
278
scrollView : {
279
279
width : 200 ,
280
280
height : 300 ,
@@ -303,7 +303,7 @@ var scrollTestStyles = StyleSheet.create({
303
303
} ,
304
304
} ) ;
305
305
306
- var appInstance = null ;
306
+ let appInstance = null ;
307
307
308
308
class SubviewsClippingTestApp extends React . Component {
309
309
state = { } ;
@@ -317,12 +317,12 @@ class SubviewsClippingTestApp extends React.Component {
317
317
} ;
318
318
319
319
render ( ) {
320
- var component = this . state . component ;
320
+ const component = this . state . component ;
321
321
return < View > { component } </ View > ;
322
322
}
323
323
}
324
324
325
- var SubviewsClippingTestModule = {
325
+ const SubviewsClippingTestModule = {
326
326
App : SubviewsClippingTestApp ,
327
327
renderClippingSample1 : function ( ) {
328
328
appInstance . setComponent ( < ClippingSample1 /> ) ;
0 commit comments