iOS 滑塊

屬性

Edit on GitHub

maximumValue 數(shù)值型

滑動塊初始化最大值。默認值是 1。

minimumValue 數(shù)值型

滑動塊初始化最小值。默認值是 0。

onSlidingComplete 函數(shù)

當用戶已經(jīng)完成改變它的值后，調(diào)用回調(diào)函數(shù)（例如，當滑動塊被釋放）

onValueChange 函數(shù)

當用戶拖動滑動塊時，連續(xù)不斷的調(diào)用回調(diào)函數(shù)

style View#style

用于對 Slider 的設(shè)計與布局。未獲取更多的信息，請查看StyleSheet.js 和 ViewStylePropTypes.js

value 數(shù)值型

初始化滑動塊的值。該值應該是介于最大值和最小值之間的，最大值默認為 1，最小值默認為 0。默認值為 0。

這不是一個控制組件，比如說，如果你不更新組件的值，那么它將不會被重置成它的初始值。

例子

Edit on GItHub

'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 />; }
  }
];