Как прокрутить определенные c элементы в плоском списке в React Native?

Question

У меня есть плоский список со списком предметов. Я хочу управлять его скроллингом. Я хочу, чтобы при прокрутке пользователя он видел только следующие 5 элементов. Как я могу перезаписать поведение плоского списка при прокрутке в react native. Есть ли способ справиться с этим. Пожалуйста, предложите это.

Предположим, есть горизонтальный плоский список, в котором у меня 1000 элементов. Сначала я показываю пользователю 10 элементов. Теперь я хочу, чтобы, когда пользователь прокручивает в правильном направлении, я показывал пользователю только следующие 10 элементов. После того, как эти 10 элементов отображаются, если пользователь прокручивает снова, я показываю следующие 10 элементов. В текущем сценарии я не могу контролировать количество прокрутки.

То же условие для прокрутки влево. Когда пользователь прокручивает влево, он должен видеть только предыдущие 10 элементов

Answer 1

Вы не объяснили свой вопрос точно, поэтому я просто предоставлю информацию, которая может вам помочь.

Полный текст в: https://reactnative.dev/docs/flatlist

Вы можете установить начальный количество элементов, отображаемых с помощью initialNumToRender prop.

flatlist отображает элементы, которые вы ему передаете, с помощью data prop, поэтому при изменении этого значения данные будут загружаться при дальнейшей прокрутке, вы можете получить 5 количество элементов каждый раз, когда вы достигаете его конца с помощью onEndReached и получаете бесконечную прокрутку.

или если вы хотите, чтобы пользователь что-то сделал, прежде чем вы покажете следующие 5 элементов, не просто прокручивая вниз, например, поместите кнопку и выбираем следующие 5 элементов и добавляем в prop data каждый раз, когда пользователь нажимает это.