到达顶部时加载更多

时间:2019-02-28 14:33:24

标签: react-native react-native-flatlist

由于我们可以在#include <stdio.h> #include <string.h> int main () { char arr[100]="Ahmed %s salah %s is %d"; char temp[100]; // fill the temp buffer sprintf(temp,arr, "Elsayed","Elsenbawy",16); //then copy strncpy(arr,temp,100); printf("%s\n", arr); return 0; } 时使用更多加载功能,因此与到达列表顶部时如何使用更多加载功能相同? 同样,当我在顶部加载更多数据时,“平面”列表移动到顶部元素,因此滚动变得无限。

谢谢。

3 个答案:

答案 0 :(得分:2)

1)您可以使用onScroll回调并从event.nativeEvent.contentOffset.y的顶部获取偏移量。

0表示最高点

例如:

<FlatList
    data={messages}
    onScroll={
        (event: NativeSyntheticEvent<NativeScrollEvent>) => 
            onContentOffsetChanged(event.nativeEvent.contentOffset.y)
    }
/>

onContentOffsetChanged = (distanceFromTop: number) => {
    distanceFromTop === 0 && makeSomething();
}

2)或使用“ inverted”属性,onEndReached将在屏幕顶部调用

  

倒置   反转滚动方向。使用-1的比例转换。

答案 1 :(得分:1)

是的,我们可以在React native 0.60及更高版本中实现此目标,因为在Virtual列表中进行了重大更改。仍然不包含适用于Android的解决方案。

答案 2 :(得分:0)

您可以通过inverted道具来实现。当FlatList倒转时,到达顶部时,您的onEndReached将被呼叫。