React Native SliderIOS 无法正确渲染答案

【问题标题】：React Native SliderIOS not rendering properlyReact Native SliderIOS 无法正确渲染
【发布时间】：2015-07-29 06:40:16
【问题描述】：

我是 React Native 的新手（完成了几个示例应用程序，但我试图在没有路线图的情况下进行分支），我在使用 SliderIOS 时遇到了问题。我的滑块代码如下

<SliderIOS style={styles.slider} 
    onValueChange={(value) =>this.setState({value:value})} 
    maximumValue={100.0} 
    minimumValue={0.0} />

样式包括：

slider:{
    height:30,
    margin:15,
  }

getInitialStateMethod 将 this.state.value 设置为 0。

轨道不见了，nob 完全不起作用（请参阅http://i.imgur.com/K85zRBG.jpg - 还不能发布图片）。
我确定我错过了一些非常简单的东西，但不知道如何解决它。如果您需要更多信息以使我的问题更合理，请告诉我。

谢谢！

【问题讨论】：

标签： ios reactjs react-native

【解决方案1】：

我认为您的问题是您没有为滑块指定宽度。尝试将flex: 1 添加到样式slider 中，这将使滑块占用其他组件不需要的所有剩余空间。有关详细信息，请参阅 CSS tricks 以及 React Native documentation。或者，您可以设置width 属性。您可以在下面看到一些我用于创建下图所示滑块的代码：

sliderConfigurationView:
{
    height: 20,
    flex: 1,
    margin: 6
}

【讨论】：