我在React Native中实现了Flat List(Horizontal)。我使用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}
/>
);
}