Здравствуйте, слышал что ScrollView бьёт по производительности. Рекомендуют использовать FlatList.

Question

React Native — русскоговорящее сообщество

Здравствуйте, слышал что ScrollView бьёт по производительности. Рекомендуют использовать FlatList.

Но ведь в нем и так есть ScrollView. Я чего то не понимаю?

И если всё таки оптимизация у FlatList лучше, стоит ли использовать его когда нужно отрисовать всего 8-10 элементов?

#mobile #programming #reactnative #russian

0

18.01.2022

7 ответов

53 просмотра

Samurai Вайтрана 🇺🇦🇺🇲🇬🇧

FlatList переиспользует твой renderView То есть у тебя может быть 100 элементов, но рендлериться будет, например, 10. И при скролле эти же вьюхи будут переиспользоваться, просто маппить данные из массива в них. Для производительности гуд СкроллВью такого не умеет, он рендерит сразу все. А так зависит от твоих элементов На сколько они большие? Что ты с ними делаешь? И может ли в теории их там появиться больше 8-10? Звучит так, что скорее всего лучше подойдет FlatList Но если ты просто какие-то пункты настроек делаешь, то смысла использовать его нет, и лучше скроллвью

0

18.01.2022

Yuriy de jure Автор вопроса

Trin Zotoff
если тебе надо вывести форму или текст, которые дл...

Спасибо за детальное разъяснение!)

0

18.01.2022

Yuriy de jure Автор вопроса

Samurai Вайтрана 🇺🇦🇺🇲🇬🇧
FlatList переиспользует твой renderView То есть у...

Благодарю!

0

18.01.2022

Trin Zotoff

Samurai Вайтрана 🇺🇦🇺🇲🇬🇧
FlatList переиспользует твой renderView То есть у...

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

0

18.01.2022

Gena Black

Samurai Вайтрана 🇺🇦🇺🇲🇬🇧
FlatList переиспользует твой renderView То есть у...

Маленькая поправочка только - FlatList не умеет переиспользовать вьюхи. Хотябы потому, что key используется.

0

19.01.2022

Trin Zotoff

Gena Black
Маленькая поправочка только - FlatList не умеет пе...

ага, по сути он дестроит вьюхи, которые не видно. для реюза есть https://github.com/Flipkart/recyclerlistview/ но по опыту, обычно flatlist вполне устраивает

0

19.01.2022

Trin Zotoff · Accepted Answer

если тебе надо вывести форму или текст, которые длинные, которые надо скролить, то это scrollview. если нужно вывести много данных, картинки например, таблицу, чат итп, в общем работать с данными, то это flatlist. он выигрывает в производительности за счёт рендера только тех данных, которые видит пользователь. скажем, если у тебя чат на 1000 сообщений, скроллвью должен будет зарендерить всё. тогда как flatlist имея весь объем данных, будет подгружать и выгружать их, показывая только те, что нужны пользователю в данный момент + можно настроить, сколько подгружать, сколько выгружать итп

169 похожих чатов

Здравствуйте, слышал что ScrollView бьёт по производительности. Рекомендуют использовать FlatList.

7 ответов

Похожие вопросы