水平滚动ListView列的某些部分

Question

我想在React Native中水平滚动ListView的某些部分.

如何修复第一列的位置并使其他列可水平滚动？

Answer 1

ListView 的 renderRow 应该有一个 Text，后跟一个水平 ScrollView。

<ListView
dataSource={this.state.dataSource}
renderRow={this.renderRow}
/>

renderRow (rowData) {
  return (
  <View>
    <Text>rowData.field1</Text>
    <ScrollView horizontal={true}>
      <Text>rowData.field2</Text>
      <Text>rowData.field3</Text>
      <Text>rowData.field4</Text>
    </ScrollView>
  </View>
}

请注意 ScrollView 中的 Horizo​​ntal=true 属性，这将使其发生。