我已经在 React Native 中实现了平面列表(水平)。我使用 onEndReached 和 onEndReachedThreshold 来调用 API。因此,当我向右滚动时,API 被调用,但无法向左滚动并在其上调用不同的 API,因为我的初始页码为“0”,因此无法向左滚动。
所以基本上我需要设置一个页码,例如“3”,这样我就可以向左和向右滚动。然后我担心的是我怎么知道左滚动已被触发或右滚动在两者上调用不同的 API。
我现在为右滚动实现的内容如下:
render() {
return (
<FlatList
horizontal
pagingEnabled
data={this.state.data}
renderItem={({ item }) => (
<View>
<Text> Details </Text>
<ScrollView>
<ListItem
title={item.name.first}
subtitle={item.email}
/>
<ListItem
title={item.name.last}
subtitle={item.email}
/>
<ListItem
title={item.address}
subtitle={item.email}
/>
</ScrollView>
</View>
)}
keyExtractor={item => item.email}
onRefresh={this.handleRefresh}
refreshing={this.state.refreshing}
onEndReached={this.handleRightLoadMore}
onEndReachedThreshold={10}
/>
);
}