1

在我的应用程序中,我有一个水平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(). 但是当我滚动而不是到达列表末尾时它在开始时调用。

基本上我的主要目标是在用户到达平面列表末尾时在右侧加载更多数据,并在用户到达平面列表的第一项时在左侧加载更多数据。

请任何人都可以帮助我!

4

0 回答 0