насколько я помню там еще 1 версия была

я даже на старте приложения выгружал ресурсы изображений и подсовывал в source, но и это не дало ничего, только пернос в ассеты решил проблему

Можно тут чуть подробнее? Столкнулся сейчас с тем же, пока планирую загружать асинхронно картинки в начале (expo, у них там пример). Что то ещё нужно сделать?

Можно тут чуть подробнее? Столкнулся сейчас с тем же, пока планирую загружать асинхронно картинки в начале (expo, у них там пример). Что то ещё нужно сделать?

ну если тоже самое., то не поможет

Насколько я это понимаю, то FlatList при посторении дерева начинает грузить ресурсы изображений и, несмотря на то, что отрисовывается, скажем, 10 элементов, он еще догружает ресурсы отсюда и лаги/тормоза/итд. Вопрос в том, почему этого не происходит при использовании залинкованных ресурсов.

что значит залинкованных ресурсов они как бы один фиг все в архиве, а require вообще просто цифру возвращает, для этого даже достаточно бандл посмотреть если уж в чем и дело, так это в том как Image резолвит ресурсы из require в нативке

ну если тоже самое., то не поможет

А что значит «положить в ассеты» в контексте этой задачи?

что значит залинкованных ресурсов они как бы один фиг все в архиве, а require вообще просто цифру возвращает, для этого даже достаточно бандл посмотреть если уж в чем и дело, так это в том как Image резолвит ресурсы из require в нативке

Вот они по ходу перестали возвращать цифру или изначально под этим что-то другое подразумевали (я сейчас проверял с react-native@0.58.5 и metro@0.49.2), получается так (эх, не хотел это публиковать, надеялся, что Никита сам проверит, ну ладно, раз уж начались разборки): // чтоб всю ф-цию не постить _dependencyMap[9] = 346 _react.default.createElement(_reactNative.Image, { source: _$$_REQUIRE(_dependencyMap[9]) }) // и ниже сам модуль с картинкой: __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, exports, _dependencyMap) { module.exports = _$$_REQUIRE(_dependencyMap[0]).registerAsset({ "__packager_asset": true, "httpServerLocation": "/assets", "width": 25, "height": 25, "scales": [1, 2, 3], "hash": "f68c85203ed3a3145a542468540053d9", "name": "idea", "type": "png" }); },346,[166]);

Там действительно интересна ф-ция _$$_REQUIRE - она довольно длинная, чтоб её всю писать сюда, но вроде линейная и тормозить там нечему. Сейчас попробую её исходники накопать в github

на первый взгляд выглядит как будто больше мета информации стали держать

Ага

В любом случае потом вот этот объект с параметрами картинки проходит через resolveAssetSource и улетает в натив.

Но через resolveAssetSource проходит любой source у Image и там я каких-то особенностей тормозящих __packager_asset вроде не видел.

судя по тестам там вообще просто к uri приводится https://github.com/facebook/react-native/blob/1151c096dab17e5d9a6ac05b61aacecd4305f3db/Libraries/Image/__tests__/resolveAssetSource-test.js

Но, тем не менее, факт остается фактом

для меня это тоже абсолютно нелогично

вот что я писал тогда

Картинки лежали локальному в корне проекта, подключались через require. Сильно не копался, но пробовал разные варианты загрузки ресурсов. Так как в require нельзя передавать переменные, то был объект { 1: require("./1.png"), ... } по котором пробегался FlatList и создавал итемы <Image source={icons[key]} />. Причём баг скролла только при первом открытии. Дальше, была попытка предзагрузить ресурсы картинок на старте приложения, что в целом ускоряло оживление скролла, но замедляло старт приложения на 2 секунды, блокировался причём на сплэшскрине. Дальше были попытки использовать не FlatList, но я так и не получил нужного результата. По всей видимости require блокирует тред. Именно поэтому лочится скролл. И вообще вся эта кривота

Xcode automatically tries to optimise resources living in asset catalogs (yet another reason to use them). Developers can choose from lossless and lossy compression algorithms

Андроид тоже оптимизирует, то что в assets кладется

Но вот эти оптимизации, думается, заметны были бы только при использовании ассетов из натива (не через Image). Это предположение.

мы об одном и том же говорим?

я не использовал asset:// и file://

И да и нет... последние две записи про другие оптимизации...

В люьом случае, мне нужно воспроизвести это на актуальных версиях библиотек и тогда будет о чем поговорить, может уже не воспроизведется

Нашел этот _$$_REQUIRE только кажется в бандле его читать легче 🙂

https://github.com/facebook/metro/blob/v0.49.2/packages/metro/src/lib/polyfills/require.js#L141

Нашел этот _$$_REQUIRE только кажется в бандле его читать легче 🙂

... const verboseName = moduleId; moduleId = verboseNamesToModuleIds[verboseName]; ...

прикольно

Да, это всё не попадает в продакшн, а читать тяжело )

const a = b; <- string b = aToB(a); <- number

и это все с ts

День добрый! Скажите, а как можно (и можно ли вообще) сделать фоновые задачи? Например, при достижении какого-то времени чтобы прозвенел будильник?

А версия установлена точно новая?

Да

День добрый! Скажите, а как можно (и можно ли вообще) сделать фоновые задачи? Например, при достижении какого-то времени чтобы прозвенел будильник?

Или по событию (подключился к новой сети вай-фай) и выпрыгивает уведомление

Уже спрашивал, но ответа так и не дали. Мне во flatlist нужно после каждых трех элементов отображать другой рандомный блок из массива. Переопределял renderItem и смотрел на индекс, но проблема в том, что постоянно перерисовываются элементы и блок из массива тоже меняется. Хотя должно сохраняться, какой блок появляется

Может есть какие модули?

Уже спрашивал, но ответа так и не дали. Мне во flatlist нужно после каждых трех элементов отображать другой рандомный блок из массива. Переопределял renderItem и смотрел на индекс, но проблема в том, что постоянно перерисовываются элементы и блок из массива тоже меняется. Хотя должно сохраняться, какой блок появляется

Хотели "рандомный" вот и получили... вам сперва надо задачу правильно сформулировать. И в FlatList уже отдавать модель данных, готовую к рендеру, а менять и готовить эту модель совсем в других местах ) И тут не может быть никаких модулей... это ваша бизнес-логика

Уже спрашивал, но ответа так и не дали. Мне во flatlist нужно после каждых трех элементов отображать другой рандомный блок из массива. Переопределял renderItem и смотрел на индекс, но проблема в том, что постоянно перерисовываются элементы и блок из массива тоже меняется. Хотя должно сохраняться, какой блок появляется

разбей на чанки по 3 и отрисуй в SectionList

разбей на чанки по 3 и отрисуй в SectionList

Просто элементов много, к тому же еще и подгружаются. Каждый раз разбивать, вставлять...

Дорого

пусть сервер возвращает разбитыми

https://github.com/facebook/react-native/issues/23570 Привет, ребята, кто то сталкивался с такой проблемой?

собсвенно, ты уже написал почему FlatList так не сможет

Можно ли эмулировать тач из js?

в android есть View.dispatchTouchEvent

https://github.com/facebook/react-native/issues/23570 Привет, ребята, кто то сталкивался с такой проблемой?

самое простое - залезь в node_modules и посмотреть что там такое

Просто элементов много, к тому же еще и подгружаются. Каждый раз разбивать, вставлять...

это вы померили или просто так считаете?

Как оптимизировать ( сделать ресайз или сжатие ) remote images перед тем как положить их в стор?

это вы померили или просто так считаете?

Цикл по всем элементам, чтобы разбить + цикл для вставки. Звучит дорого

Цикл по всем элементам, чтобы разбить + цикл для вставки. Звучит дорого

ну это прям очень топорно

=)

ну это прям очень топорно

А как иначе?

ну, во-первых это запросто и за один проход сделать можно, а во-вторых лучше мерить чем гадать

это как например я делал замеры map foreach reduce while for и все они ведут дают разный результат, на разных объемах данных)

Всем привет. Кто-то знает как изменить стандартное поведение pagingEnabled у ScrollView или есть какой-то хитрый трюк как это можно сделать? На видео показано как хотелось бы их пинить по центру, чтобы всегда было видно соседей

Всем привет. Я пытаюсь подключится к сокету с помощью socket.io-client но получаю в консоль только SocketRocket: In debug mode. Allowing connection to any root cert. "socket.io-client": "2.0.4", "react-native": "0.58.3",

Всем привет. Кто-то знает как изменить стандартное поведение pagingEnabled у ScrollView или есть какой-то хитрый трюк как это можно сделать? На видео показано как хотелось бы их пинить по центру, чтобы всегда было видно соседей

https://github.com/archriss/react-native-snap-carousel

Всем привет. Кто-то знает как изменить стандартное поведение pagingEnabled у ScrollView или есть какой-то хитрый трюк как это можно сделать? На видео показано как хотелось бы их пинить по центру, чтобы всегда было видно соседей

offset

Всем привет. Кто-то знает как изменить стандартное поведение pagingEnabled у ScrollView или есть какой-то хитрый трюк как это можно сделать? На видео показано как хотелось бы их пинить по центру, чтобы всегда было видно соседей

contentOffset

Всем привет. Кто-то знает как изменить стандартное поведение pagingEnabled у ScrollView или есть какой-то хитрый трюк как это можно сделать? На видео показано как хотелось бы их пинить по центру, чтобы всегда было видно соседей

contentInset

contentOffset

А на андройде?

До этого использовал эту библиотеку. Сейчас задача состоит в том, чтобы внизу карточки был скролящийся контент и карточка еще интерактивно становилась маленькой при скролле вниз и обратно большой при скролле вверх. Проблема в том, что скроллы у каждого компонента в этой карусели будут в разных позициях при скролле. Вот тут сейчас исппользуется этот снэп карусель

Всем привет. Кто-то знает как изменить стандартное поведение pagingEnabled у ScrollView или есть какой-то хитрый трюк как это можно сделать? На видео показано как хотелось бы их пинить по центру, чтобы всегда было видно соседей

+ посмотри contentContainerStyle задай margin

+ посмотри contentContainerStyle задай margin

Ну вот это первое видео с паддингом

Ну вот это первое видео с паддингом

задавай marginhorizontal

ну когда 1 елемент по всем осям скролится - чтото не так с дизайном :)

еще и списком

ну когда 1 елемент по всем осям скролится - чтото не так с дизайном :)

🙂 Там скроллится должно не одновременно Это по сути скролл вью со скролл вью внутри

а сбрасывать позицию скрола при свайпе ? что б всё выравнивалось

ну как вариант ...

Что-то очень похожее

Привет, ребята. Вопрос по react-native-maps. Можно ли как-то сделать маркер с кастомной анимацией на андройде? Из того, что я пока что нагуглил - пишут что нельзя, но, возможно, у кого-то тут получалось?

чистые функции - это те которые берут значение и возвращает значение базирующееся на взодящем значении?

Которые не изменяют передаваемый аргумент (аргументы)

чистые функции - это те которые берут значение и возвращает значение базирующееся на взодящем значении?

и при этом не делают ничего кроме - они лишь отображают одно в другое.

Которые не изменяют передаваемый аргумент (аргументы)

а это уже следствие, а не требование.

Привет. Какие курсы по реакт нейтив посоветуете для веб разработчика? Реакт редакс знаю

cs50 react native

Каво