Я просто получаю JSON из внешнего API, помещаю его в состояние и визуализирую. На iOS все работает очень быстро, но на рендеринг Android требуется 5 раз. Все, что происходит до самого рендеринга, занимает пару миллисекунд. Рендеринг исключительно на Android (независимо от эмулятора или реального устройства) занимает минимум 5 секунд, а на iOS — пару миллисекунд. Я снял видео, в котором описываю проблему.
Простая версия исходного кода компонента находится здесь:
import { StyleSheet, Text, View } from "react-native";
import React, { useEffect, useState } from "react";
import { IStory } from "../../interface/fairytale.interface";
import { safeConsole } from "../../helpers/safeConsole";
const StoriesList = () => {
const [fairytales, setFairytales] = useState();
useEffect(() => {
(async () => {
safeConsole.time("Items Rendered");
safeConsole.time("Fetched Data");
const response: Response = await fetch(
`https://api-fairy.swcookies.com/api/fai ... on[page]=1`
);
safeConsole.timeEnd("Fetched Data");
safeConsole.time("Turned Into a JSON");
const data = await response.json();
safeConsole.timeEnd("Turned Into a JSON");
safeConsole.time("Setting fairyTales to state");
setFairytales(data);
safeConsole.timeEnd("Setting fairyTales to state");
})();
}, []);
return (
{fairytales &&
fairytales.data.map((item: IStory, index: number) => {
safeConsole.timeEnd("Items Rendered");
return The item is rendered;
})}
);
};
export default StoriesList;
const styles = StyleSheet.create({});
Подробнее здесь: https://stackoverflow.com/questions/798 ... droid-only
