如何在React Native中的水平平面列表上实现onEndReached和onRefresh

时间:2019-07-03 06:39:21

标签: reactjs react-native react-native-flatlist

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

基本上,我的主要目标是在用户到达末尾时在右侧加载更多内容,并在用户从左向右滚动时加载更多数据。

请任何人可以帮助我!

0 个答案:

没有答案