Flatlist ScrollToItem 参考项目 ID答案

【问题标题】：Flatlist ScrollToItem with reference to Item IDFlatlist ScrollToItem 参考项目 ID
【发布时间】：2017-11-21 10:37:46
【问题描述】：

所以我的 API 调用将返回平面列表必须呈现的每个项目 ID。我如何参考从我的 api 调用中获得的项目 ID 来设置初始 scrollToItem？我现在只能滚动到平面列表的索引，但不可能通过调用它的属性滚动到确切的项目。

<FlatList
    data={this.state.dataSource}
    renderItem={
    ({item}) => (
        <VoucherList item={item} navigation={this.props.navigate} />
        )
    }
    keyExtractor={item => item.id}
    refreshing={this.state.refreshing}
    onRefresh={this.handleRefresh}
    initialScrollIndex={2}
    getItemLayout={this.getItemLayout}
  />

上面是我现在的代码，我将初始滚动索引设置为 2。我想滚动到道具，例如，如果 Item 的 ID 为 2，我想将它引用到 ID。

任何帮助都将不胜感激，或者可能是示例代码。

【问题讨论】：

标签： react-native react-native-android react-native-ios react-native-flatlist

【解决方案1】：

FlatList 没有你需要的东西。但是您可以通过提供initialScrollIndex 作为返回索引FlatList 需要的函数来解决这个问题。这实际上取决于您的数据源包含什么。在挂载FlatList 之前，您需要这些数据，因为initialScrollIndex 将尽快得到处理。

【讨论】：