React Native SliderIOS无法正确呈现

Question

我是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 - 无法发布图像）。
我确定我错过了一些非常简单的东西，但不知道如何解决它。如果您需要更多信息以使我的问题变得合理，请告诉我。

谢谢！

Answer 1

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

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