Skip to content

Commit 63af220

Browse files
committed
Add examples with custom size number usage
1 parent e538354 commit 63af220

File tree

1 file changed

+26
-4
lines changed

1 file changed

+26
-4
lines changed

Examples/UIExplorer/js/ActivityIndicatorExample.js

Lines changed: 26 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ const ToggleAnimatingActivityIndicator = React.createClass({
5656
<ActivityIndicator
5757
animating={this.state.animating}
5858
style={[styles.centering, {height: 80}]}
59-
size="large"
59+
size='large'
6060
/>
6161
);
6262
}
@@ -74,7 +74,7 @@ exports.examples = [
7474
return (
7575
<ActivityIndicator
7676
style={[styles.centering, styles.gray]}
77-
color="white"
77+
color='white'
7878
/>
7979
);
8080
}
@@ -151,12 +151,34 @@ exports.examples = [
151151
}
152152
},
153153
{
154-
title: 'Custom size',
154+
title: 'Custom size (size: 48)',
155+
render() {
156+
return (
157+
<ActivityIndicator
158+
style={styles.centering}
159+
size={48}
160+
/>
161+
);
162+
}
163+
},
164+
{
165+
title: 'Custom size (size: 56)',
166+
render() {
167+
return (
168+
<ActivityIndicator
169+
style={styles.centering}
170+
size={56}
171+
/>
172+
);
173+
}
174+
},
175+
{
176+
title: 'Custom size (size: 30, scale transform: 1.5)',
155177
render() {
156178
return (
157179
<ActivityIndicator
158180
style={[styles.centering, {transform: [{scale: 1.5}]}]}
159-
size="large"
181+
size={30}
160182
/>
161183
);
162184
}

0 commit comments

Comments
 (0)