Реагировать на визуализацию изменений в собственном списке данных

Question

У меня есть FlatList.Я применил трюки в этой ссылке https://github.com/filipemerker/flatlist-performance-tips

Когда пользователь прокручивает список, я обновляю данные для новых элементов.Но при обновлении данных в списке есть небольшая ошибка и некоторые ошибки.Я использовал чистый компонент как можно больше.Что я могу сделать для этого.Кстати, я хочу добавить загрузку (индикатор активности) в конец списка.Как я могу это сделать, можете ли вы привести пример или ссылку для этого.

Если вы поможете, я буду счастлив, спасибо.

Answer 1

Компонент React Native Pure реализует mustComponentUpdate с поверхностным состраданием.Вы можете строго проверить свои реквизиты, для которых вы хотите обновить данные, внедрив свой собственный метод shouldComponentUpdate в свой Component.

shouldComponentUpdate(nextProps, nextState) {
      return this.props.name !== nextProps.name;
    }

. Для добавления индикатора активности используйте ListFooterComponent prop of FlatList.Например:

footerLoadingIndicator = () => {
return (
  <View style={styles.footerContainer}>
      <Progress.CircleSnail
          size={30}
          thickness={2.5}
          direction={'clockwise'}
          duration={400}
          color={'#22a790'}
        />
  </View>
);

Я использовал сторонний индикатор.Вы можете заменить его на AcitivityIndicator