Skip to content

Commit 8f2cbcb

Browse files
committed
chore(Example): add skin examples section title
1 parent 3ad9674 commit 8f2cbcb

File tree

1 file changed

+33
-2
lines changed

1 file changed

+33
-2
lines changed

Example/App.js

Lines changed: 33 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -201,12 +201,28 @@ export default class App extends Component {
201201
precision={2}
202202
/>
203203
</View>
204+
<Text style={Styles.title}>
205+
Skins
206+
</Text>
207+
<View style={Styles.col}>
208+
<Text style={Styles.text}>Skin Default</Text>
209+
<InputSpinner
210+
value={this.state.value}
211+
style={Styles.spinner}
212+
max={10}
213+
colorMax={"#f04048"}
214+
colorMin={"#82cc62"}
215+
/>
216+
</View>
204217
<View style={Styles.col}>
205218
<Text style={Styles.text}>Skin Round</Text>
206219
<InputSpinner
207220
value={this.state.value}
208221
style={Styles.spinner}
209222
skin="round"
223+
max={10}
224+
colorMax={"#f04048"}
225+
colorMin={"#82cc62"}
210226
/>
211227
</View>
212228
<View style={Styles.col}>
@@ -215,6 +231,9 @@ export default class App extends Component {
215231
value={this.state.value}
216232
style={Styles.spinner}
217233
skin="square"
234+
max={10}
235+
colorMax={"#f04048"}
236+
colorMin={"#82cc62"}
218237
/>
219238
</View>
220239
<View style={Styles.col}>
@@ -224,6 +243,9 @@ export default class App extends Component {
224243
style={Styles.spinner}
225244
height={30}
226245
skin="paper"
246+
max={10}
247+
colorMax={"#f04048"}
248+
colorMin={"#82cc62"}
227249
/>
228250
</View>
229251
<View style={Styles.col}>
@@ -232,6 +254,9 @@ export default class App extends Component {
232254
value={this.state.value}
233255
style={Styles.spinner}
234256
skin="clean"
257+
max={10}
258+
colorMax={"#f04048"}
259+
colorMin={"#82cc62"}
235260
/>
236261
</View>
237262
<View style={Styles.col}>
@@ -240,10 +265,16 @@ export default class App extends Component {
240265
value={this.state.value}
241266
style={Styles.spinner}
242267
skin="modern"
268+
max={10}
269+
colorMax={"#f04048"}
270+
colorMin={"#82cc62"}
243271
/>
244272
</View>
273+
<Text style={Styles.title}>
274+
Customization
275+
</Text>
245276
<View style={Styles.col}>
246-
<Text style={Styles.text}>color, background and textColor</Text>
277+
<Text style={Styles.text}>color, background, rounded false, showBorder false and textColor</Text>
247278
<InputSpinner
248279
value={this.state.value}
249280
style={Styles.spinner}
@@ -335,7 +366,7 @@ export default class App extends Component {
335366
<InputSpinner
336367
style={Styles.spinner}
337368
value={80}
338-
min={18}
369+
min={5}
339370
max={48}
340371
step={2}
341372
rounded={false}

0 commit comments

Comments
 (0)