react native SliderIOS - react native

中译为滑块，IOS提供的功能是很弱很弱的。可以对比一下OniUI有 slider，以后肯定要搞一个全新的。http://ued.qunar.com/oniui/index.html#!/widgets?widgetId=slider

slider {
  margin-: 30;
  height: 10;
}

text: {
  color: white;
  font-size: 16;
  margin-top: 20;
  line-height: 30;
}
textWrapper{
  flex:1;
  justify-content:center;
}

‘

主程序为：


/**
 * 滑块 司徒正美
 */
'use strict';


var React = require('react-native');
var {
  StyleSheet,
  SliderIOS,
  Text,
  View,
  AppRegistry,
} = React;
var styles = require("./style")

var Slider = React.createClass({

  displayName: 'Tab',

  getInitialState: function() {
    return {
      value: 0
    };
  },

  render: function() {
    return (
      <View>

      <SliderIOS maximumValue={100} minmumValue={0}
      style={styles.slider}
      onValueChange={(value)=>{ this.setState({value: parseInt(value,10)}) }}
      />
      <View style={styles.textWrapper}><Text style={styles.text}>{this.state.value}</Text></View>
      </View>
    )
  },

});

AppRegistry.registerComponent('AwesomeProject', () => Slider);

enter image description here