在列表中反应本机多视图？

Question

大家好，我想像这样设计UI，但是我不知道像这样设计列表以在seekbar（Slider）所有项目中获得价值吗？请帮我感谢很多！ / p>

Answer 1

您可以查看此官方的react native软件包rn-slider好的文档。您将在那里找到滑块。对于图像，只需将它们与滑块组件一起放在flexDirection:'row'中。

希望有帮助。毫无疑问

Answer 2

我无法理解您到底需要什么，但是如果您需要访问滑动条上的值，则可以定义一个状态如SliderValue并将其传递给Slider中的value和onValueChanged道具：

render() {
return (
  <View style={[styles.container, { backgroundColor: this.state.ColorHolder }]} >

    {/*Text to show slider value*/}
    <Text style={styles.headerText}>Value of slider is : {this.state.sliderValue}</Text>

    {/*Slider with max, min, step and initial value*/}
    <Slider
      maximumValue={100}
      minimumValue={0}
      minimumTrackTintColor="#307ecc"
      maximumTrackTintColor="#000000"
      step={1}
      value={this.state.sliderValue}
      onValueChange={(sliderValue) => this.setState({ sliderValue })}
      style={{ width: 300, height: 40 }}
    />

  </View>
);

}