Я просто получаю 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
Expo React Native — проблема с рендерингом только на Android ⇐ Android
Форум для тех, кто программирует под Android
-
Anonymous
1768555156
Anonymous
Я просто получаю 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/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({});
Подробнее здесь: [url]https://stackoverflow.com/questions/79869252/expo-react-native-render-issue-on-android-only[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия