反應性-平面列表-使用滾動條滾動

Question

我在React Native上工作（React 16.2.0，React Native 0.54）

我用flatlist顯示大量項目。 我們可以舉一個擁有1000名員工的聯系人列表為例。

平面列表運行良好，沒有錯誤，但是我無法按滾動條的光標進行導航，就像在本機Android或html頁面中一樣。

重現步驟

 <FlatList
  ref="listRef"
  data={this.state.data}
  keyExtractor={(item, index) => item.name.toString()}
  removeClippedSubviews={true}
  extraData={{ refreshListIteration: this.state.refreshListIteration }}
  renderItem={({ item, index }) => this.renderListItem(item, index)}
  initialNumToRender={15}
  ItemSeparatorComponent={this.renderSeparator}
  ListHeaderComponent={this.renderOptionBar}
  ListFooterComponent={this.renderFooter}
  onEndThreshold={5}
/>

預期行為

所以我需要在this.state.data中顯示1000個項目。

我最初顯示15個項目（ initialNumToRender={15} ）以獲得更快的性能，因此，如果我想查看第600個項目，則需要向下滾動40次，但不是非常用戶友好。 我無法像html頁面一樣按滾動條的光標快速導航到列表的末尾。

題

您是否知道如何解決此問題或無需向下滾動數十次即可快速導航？

Answer 1

這不是iOS上的典型行為。 滾動指示器通常不可點擊。

FlatList有一個名為initialScrollIndex的道具，如果希望列表在特定項目上加載，可以使用該道具。 或者，如果您不想一開始就這樣做。 FlatList還具有方法scrollToIndex和scrollToItem ，可通過這些方法以編程方式移動到特定索引或項目。 https://facebook.github.io/react-native/docs/flatlist.html