@@ -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