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。

轨道丢失，旋钮完全无法使用（参见 http://i.imgur.com/K85zRBG.jpg - 还不能 post 图片）。
我确定我遗漏了一些非常简单的东西，但不确定如何解决。如果您需要更多信息以使我的问题变得合理，请告诉我。

谢谢！

Answer 1

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

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

React Native SliderIOS 无法正确呈现

React Native SliderIOS not rendering properly

ios

reactjs

react-native