Пользовательский просмотр списка занимает слишком много времени при загрузке страницы react native

#react-native #listview

#react-native #listview

Вопрос:

Мне нужна помощь. Я создал пользовательский просмотр списка с некоторой анимацией (перетаскивание). все работает нормально, за исключением случаев, когда имеется большое количество данных, загрузка страницы занимает слишком много времени / при переходе назад с другой страницы. Есть ли какой-либо метод, с помощью которого я могу сократить время загрузки страницы? Пожалуйста, не предлагайте никаких внешних пакетов, а также я не могу использовать flatlist из-за моей анимации.Scrollview конфликтует с Flatlist собственным Scrollview. Я искал в Интернете, и все используют flatlist, который я не могу использовать. Или можно игнорировать собственный список прокрутки? введите описание изображения здесь

Комментарии:

1. если там большое количество данных, используйте разбивку на страницы.

2. В списке есть функция перетаскивания, поэтому я не могу использовать разбивку на страницы

3. в вашем представлении списка могут быть некоторые функции, которые используются в flatlist. Так что просто взгляните на этот документ reactnative.dev/docs/optimizing-flatlist-configuration здесь вы можете получить некоторое представление

4. Могу ли я также использовать эти реквизиты в моем пользовательском представлении прокрутки списка?

5. некоторые методы одинаковы в scrollview и flatlist.

Ответ №1:

Нашел альтернативное решение здесь. Вы можете использовать FlatList для больших данных. Затем передайте свой анимированный.Компонент ScrollView в качестве реквизита через FlatList.

 renderScrollComponent={(props) => (
    <Animated.ScrollView
      {...props}
      onScroll={(event) => {
        onScroll({ y: feedScroll })(event)
        props.onScroll(event)
      }}
    />
  )}