большое количество фотографий. И если я нахожусь на 5 экране ,то приложение глючит. И из за того что я использую один массив данных, то если я например на 4 экране я взаимодействую с этим массивом ,то он перересовывается на все экранах которые используют этот массив. В консоли просто 100000 рендеров .
Подскажите как можно решить эту проблему ?
Однозначного ответа у меня нет. Из вариантов (а скорее всего - всё сразу) - дробить / денормализовывать данные под экраны (чтобы можно было независимо работать), - оптимизировать рендеринг / кешировать (React.memo / PureComponent / shouldComponentUpdate), в т.ч. компоненты на самих экранах, - менять UX (если одни и те же данные на разных экранах - может можно как-то иначе сделать)
Технически там есть события focus/blur для скринов, можно отписываться от модели на blur и подписываться обратно на focus. Если ваша модель конечно такое умеет.
Тебе нужно разобраться как работает навигация в мобильном приложении. Здесь хорошо описано как стэк работает https://reactnavigation.org/docs/navigation-lifecycle
Обсуждают сегодня