react-native - 水平滚动 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 属性，这将使它发生。