Реактивный собственный интерфейс зависает при выполнении функции

Question

В моем приложении React Native есть компонент, который выполняет тяжелую задачу в componentDidMount. Функция работает с временными рядами, поэтому они представляют собой значительно большие объекты. Проблема, которую видит ww: когда компонент монтируется и функция запускается, пользовательский интерфейс приложения зависает. Работает только ScrollView компонента, все Touchables зависают, и TabNavigator также перестает работать, пока не завершится выполнение функции и не завершится. После окончания выполнения приложение работает нормально.

Могу ли я решить эту проблему с производительностью?

Answer 1

Вы можете попытаться разбить рабочую нагрузку на несколько частей и поместить их в очередь. Затем обработайте очередь с небольшой задержкой setTimeout между каждым заданием. Это даст UI время для ответа.

Другим вариантом было бы перенести работу в собственный код, чтобы он мог работать в другом потоке.