Загрузить больше, когда вершина достигнута

Question

Как мы можем использовать функцию загрузки больше, когда onEndReached, так же, как мы можем использовать нагрузку больше, когда достигаем верхней части списка?Также, когда я загружаю больше данных сверху, плоский список перемещается к самому верхнему элементу и, следовательно, прокрутка становится бесконечной.

спасибо.

Answer 1

Вы можете достичь этого с помощью inverted проп.Когда вы FlatList перевернуты, ваш onEndReached будет вызван, когда вы достигнете вершины.

Answer 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 будет вызывать в верхней части экрана

inverted. Обратное направление прокрутки.Использует масштабные преобразования -1.