Expo React Native – Renderproblem nur auf Android ⇐ Android

[Anonymous]

Ich rufe einfach einen JSON-Code von einer externen API ab, versetze ihn in einen Status und rendere ihn. Unter iOS funktioniert alles superschnell, aber Android benötigt fünf Mal zum Rendern. Alles, was vor dem Rendern selbst geschieht, dauert ein paar Millisekunden. Das Rendern dauert ausschließlich auf Android (unabhängig vom Emulator oder einem echten Gerät) mindestens 5 Sekunden, während es auf iOS einige Millisekunden dauert. Ich habe ein Video erstellt, in dem ich das Problem beschreibe.
Die einfache Version des Originalcodes der Komponente finden Sie hier:

Code: Select all

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/fairytales?populate=*&sort=createdAt:desc&pagination[pageSize]=5&pagination[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({});