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

大家好，我想设计像这张图片一样的用户界面。但我不知道如何设计这样的列表来获得seekbar（滑块）所有项目的价值？请帮助我，非常感谢

您可以查看此官方软件包的良好文档。您将在那里获得滑块。对于图像，您只需将它们与滑块组件一起放入

flexDirection:“行”

---

希望能有帮助。请不要怀疑

我无法理解您到底需要什么，但如果您需要访问slidebar上的值，您可以定义一个类似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>
);

render（）{
返回(
{/*显示滑块值的文本*/}
滑块的值为：{this.state.sliderValue}
{/*带最大值、最小值、步长和初始值的滑块*/}
this.setState（{sliderValue}）}
样式={{宽度：300，高度：40}
/>
);

---

}

您检查过这个吗？我的意思是像那样设计UI使用平面列表还是设计每个项目？我想像列表一样设计，但不知道如何设计项目？我的意思是像那样设计UI…因为底部有很多这样的项目？我想像列表一样设计，但不知道如何设计项目？设计中有什么问题？具有不同图片的每个组件都将以这种方式呈现。我的意思是帮助我设计这样的项目。因为一个项目列表中有三个、四个或两个滑块？是的，而是在scrollview中创建每个组件