水平滚动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 prop会使它成为现实。