Плоский список не гладкий с большим количеством изображений на элемент

Question

Я использую flatList для создания ленты активности.
Однако у меня возникла проблема с текучестью моего списка

Каждый элемент может отображать до 80 изображений c размером 25 КБ, каждый в абсолютном представлении мне все равно приходится играть с производительностью, когда я монтирую свои компоненты, но при прокрутке, если у меня есть 80 изображений на элемент, мой список абсолютно не плавный!

Однако, когда я проверяю свой номер рендеринга, у меня их очень мало, потому что я использую PureComponent для своих предметов.

Я проверяю ОЗУ, и все выглядит хорошо!

Мой Пользовательский интерфейс и JS Потоки постоянно на 60!

Может ли это быть из-за количества просмотров, которые я вижу в "Perf Monitor", которое достигает более 3000? Если это так, как мне это исправить?

Надеемся найти решение,

Спасибо

Виктор

Answer 1

Я столкнулся с той же проблемой, но после прочтения документации я реализовал следующее:

Вы можете использовать пакеты сообщества (например, response-native-fast-image из @DylanVann) для более производительных изображений. Каждое изображение в вашем списке - это новый экземпляр Image (). Чем быстрее он достигает загруженного крючка, тем быстрее ваша нить Javascript снова будет свободна.

Вы должны всегда использовать реагировать-родной-быстрый-образ для получения большего количества изображений.

Надеюсь, это поможет. Не стесняйтесь сомнений