Flatlist ScrollToItem,参考商品ID

时间:2017-11-21 10:37:46

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

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

<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。

任何帮助都会受到赞赏,或者可能是示例代码。

1 个答案:

答案 0 :(得分:1)

FlatList没有你需要的东西。但是你可以通过提供initialScrollIndex作为返回索引FlatList需求的函数来解决这个问题。这实际上取决于您的数据源包含的内容。在安装FlatList之前您需要数据,因为initialScrollIndex将尽快处理。