maximumValue 數(shù)值型
滑動(dòng)塊初始化最大值。默認(rèn)值是 1。
minimumValue 數(shù)值型
滑動(dòng)塊初始化最小值。默認(rèn)值是 0。
onSlidingComplete 函數(shù)
當(dāng)用戶(hù)已經(jīng)完成改變它的值后，調(diào)用回調(diào)函數(shù)（例如，當(dāng)滑動(dòng)塊被釋放）
onValueChange 函數(shù)
當(dāng)用戶(hù)拖動(dòng)滑動(dòng)塊時(shí)，連續(xù)不斷的調(diào)用回調(diào)函數(shù)
style View#style
用于對(duì) Slider 的設(shè)計(jì)與布局。未獲取更多的信息，請(qǐng)查看StyleSheet.js 和 ViewStylePropTypes.js
value 數(shù)值型
初始化滑動(dòng)塊的值。該值應(yīng)該是介于最大值和最小值之間的，最大值默認(rèn)為 1，最小值默認(rèn)為 0。默認(rèn)值為 0。
這不是一個(gè)控制組件，比如說(shuō)，如果你不更新組件的值，那么它將不會(huì)被重置成它的初始值。
'use strict';
var React = require('react-native');
var {
SliderIOS,
Text,
StyleSheet,
View,
} = React;
var SliderExample = React.createClass({
getInitialState() {
return {
value: 0,
};
},
render() {
return (
<View>
<Text style={styles.text} >
{this.state.value}
</Text>
<SliderIOS
style={styles.slider}
onValueChange={(value) => this.setState({value: value})} />
</View>
);
}
});
var styles = StyleSheet.create({
slider: {
height: 10,
margin: 10,
},
text: {
fontSize: 14,
textAlign: 'center',
fontWeight: '500',
margin: 10,
},
});
exports.title = '<SliderIOS>';
exports.displayName = 'SliderExample';
exports.description = 'Slider input for numeric values';
exports.examples = [
{
title: 'SliderIOS',
render(): ReactElement { return <SliderExample />; }
}
];
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多