我已经使用了FlatList,我想在函数中获取rowId,该函数用于渲染列表项,我该怎么做?

时间:2017-10-09 06:06:32

标签: react-native react-native-flatlist

我已经使用了这个FlatList,我在其中调用了renderRow函数,其中我编写了代码来呈现列表项,如何为每行rowId获取rendererrenderRow方法中?

<List containerStyle={{borderTopWidth:0 , borderBottomWidth:0}}>
        <FlatList data={this.state.horseList}
        renderItem={(item) => this.renderRow(item)}
        _keyExtractor ={item => item.id} 
        onRefresh={this.handleRefresh}
        refreshing={this.state.refreshing}
        onEndReached={this.handleLoadMore}
        onEndReachedThreshold={1}
        ListFooterComponent={this.renderFooter}
        onRefresh={this.handleRefresh}
        />
    </List>

1 个答案:

答案 0 :(得分:10)

如果我正确理解您的问题,您可以通过以下方式访问每行的索引:

   <FlatList data={this.state.horseList}
     ...
     renderItem={({item, index}) => this.renderRow(item, index)}
     ...
   />