在我的应用中,我有一个水平的flatlist
,它像幻灯片一样水平地渲染了简单盒子的列表。
这是我的单位列表:
<FlatList
data={[{key: 'a'}, {key: 'b'}, {key: 'c'}, {key: 'd'}, {key: 'e'}]}
ref={(slider) => { this.slider = slider }}
onEndReachedThreshold={1}
onEndReached={() => {
alert("onEndReached");
}}
refreshing={true}
onRefresh={() => {
alert("refreshing");
}}
renderItem={({item, index}) => (
<View style={{
paddingHorizontal: 5,
paddingVertical: 10,
}}>
<SlideItem><MText>Text {index}</MText></SlideItem>
</View>
)}
horizontal={true}
/>
现在,我想在列表到达末尾时调用某种方法。因此我实现了onEndReached()
。但这是在开始时调用的,而不是在到达列表末尾时滚动。
基本上,我的主要目标是在用户到达末尾时在右侧加载更多内容,并在用户从左向右滚动时加载更多数据。
请任何人可以帮助我!