Мда, пустые View так же себя ведут

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

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

Эмулятору верить нельзя, на нем вообще не тормозит

А на устройстве жуть

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

В общем пустые View нормально скролятся, можно делать вывод что проблема в Image

Тогда да... думаю отсрочка маунтинга Image на один таймфрейм решит проблему... учитывая, что это первый рендер... мерцать тоже не должно...

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

Тогда да... думаю отсрочка маунтинга Image на один таймфрейм решит проблему... учитывая, что это первый рендер... мерцать тоже не должно...

Для меня тоже

В ообщем если сначала отризовать View а потом в них дорисовать Image то скролл работать начинает все равно только после Image

Возможно стоит ресурсы изображений заранее загрузить и уже потом из них отрисовывать

Спасибо, посмотрю. А OAuth 2 — это ведь протокол. Как он может быть платным?

думал об этом https://auth0.com/pricing

Добрый день. А не подскажите как в react-е добавляется image background?

так и добавляется https://facebook.github.io/react-native/docs/images#background-image-via-nesting

Есть 180 PNG иконок, они отрисовываются во FlatList на отдельном экране. Проблема в том, что при открытии этого экрана иконки видно сразу, а скрол начинает работать только через ~ секунду. Так происходит только при первом монтировании

У меня крашилось приложение из-за большого количества картинок в нескольких табах. Помог react-native-fast-image

У меня крашилось приложение из-за большого количества картинок в нескольких табах. Помог react-native-fast-image

Спасибо, попробуем

Я нашёл огромную задачу на гитхабе по этому багу, к сожалению она до сих пор без решения

кто-нибудь пробовал flutter?

там столько-же боли в продакшн?

кто-нибудь пробовал flutter?

Тоже интересно что там с ним. Пока погонял на своих девайсах приложения из showcase. Производительность на средненьких девайсах опечалила.

Тоже интересно что там с ним. Пока погонял на своих девайсах приложения из showcase. Производительность на средненьких девайсах опечалила.

с RN сравнивал?

почитал их доки немного, мне их подход больше нравится. скомпилить все в натив и гонять на нативных тредах.

нужно нарисовать View поверх другого View. С position:absolute все ок или есть особенности и техники "правильнее"?

Как добавить flow типизацию в фунциональный компонент? const Cell = ({ title, subtitle }) => { const { container, h1, h2 } = styles return ( <View style={container}> <Text style={h2}>{title}</Text> <Text style={h1}>{subtitle}</Text> </View> ) }

type Props = { lek: string, lek: number } const Cell = ({lek, kek} : Props) =>

как вариант так

или const Cell: React.ComponentType<Props> = ({lek, kek}) => {}

во втором случае нужно юзать import * as React from "react"

есть еще React.StatelessFunctionalComponent<Props>

кто-нибудь пробовал flutter?

Ты не поверишь там есть нормальная многопоточность и UI не глючит и по настоящему одинаковый

Возвращаясь к теме использования Image внутри FlatList.. Загрузка ресурсов 180 иконок занимает от 300мс , отсюда и задержки (как я полагаю)....

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

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

const preloadImages = () => { return Promise.all(Object.keys(iconset).map((icon) => { let source = { ...Image.resolveAssetSource(iconset[icon]), cache: 'force-cache' }; return Image.prefetch(source); })); };

Грешным делом пальцем в graphql под ведро потыкал

Теперь придется палец отмывать с хлоркой от этого

type Props = { lek: string, lek: number } const Cell = ({lek, kek} : Props) =>

супер! спасибо ??

Возвращаясь к теме использования Image внутри FlatList.. Загрузка ресурсов 180 иконок занимает от 300мс , отсюда и задержки (как я полагаю)....

Так вы их не локально держите, а по сети грузите? Тогда тут уже советовали react-native-fast-image )))

Так вы их не локально держите, а по сети грузите? Тогда тут уже советовали react-native-fast-image )))

Нет не по сети

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

Всегда были... разные... (конкретно с такими не сталкивался...), но я уже давно для картинок в сети родной Image не юзаю... у меня react-native-web-image есть )

А тогда предзагрузка скорей всего ничего не даст... не должна вернее... (там теоретически есть кеш в памяти, конечно... надо посмотреть в код, используют ли они его для локальных ресурсов)

Вот... там черт ногу сломит в этом коде... но по крайней мере по задумке они не должны ассеты кешировать... https://github.com/facebook/react-native/blob/0.56-stable/Libraries/Image/RCTLocalAssetImageLoader.m#L34

Вот... там черт ногу сломит в этом коде... но по крайней мере по задумке они не должны ассеты кешировать... https://github.com/facebook/react-native/blob/0.56-stable/Libraries/Image/RCTLocalAssetImageLoader.m#L34

Завтра проверю и отпишусь)

Всегда были... разные... (конкретно с такими не сталкивался...), но я уже давно для картинок в сети родной Image не юзаю... у меня react-native-web-image есть )

неа твоя рекомендованная либа тоже не грузит картинку =) вот ссылка : http://www.x-bikers.ru/board/cache/266589_1.jpg если будет время попробуй сам плз, чтоб я знал где проблема в либе или у меня )

неа твоя рекомендованная либа тоже не грузит картинку =) вот ссылка : http://www.x-bikers.ru/board/cache/266589_1.jpg если будет время попробуй сам плз, чтоб я знал где проблема в либе или у меня )

Я посмотрю...

Привет всем, есть какой-то компонент для масок на CRNA?

А тогда предзагрузка скорей всего ничего не даст... не должна вернее... (там теоретически есть кеш в памяти, конечно... надо посмотреть в код, используют ли они его для локальных ресурсов)

Предзагрузка на экране толком ничего не дала, но вот что получилось сделать. Сделать префетч ресурсов иконок на старте приложения, тогда при построении FlatList рисуется сразу и со скролом проблем нет

Привет всем, есть какой-то компонент для масок на CRNA?

есть ?

сам столкнулся с этой проблемой

import { TextInputMask } from 'react-native-masked-text'

есть ?

а ссылочку можешь дать?)

уже ?

у меня вопрос тоже в студию, а какая фича в последнем реакте появилась для общих стилей?

спасибо! буду пробовать)

мельком видел, но снова найти не могу ?

спасибо! буду пробовать)

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

Предзагрузка на экране толком ничего не дала, но вот что получилось сделать. Сделать префетч ресурсов иконок на старте приложения, тогда при построении FlatList рисуется сразу и со скролом проблем нет

Значит какой-то кеш оно всё же использует (даже если это просто буферный кеш фс)

Значит какой-то кеш оно всё же использует (даже если это просто буферный кеш фс)

а в чем проблема ? видимо пропустил

Значит какой-то кеш оно всё же использует (даже если это просто буферный кеш фс)

Да, только это увеличивает время холодного старта

и народ вопрос еще актуален, как сделать общий файл стилей для всех экранов в последнем RN? ?

там спец фичи ввели

вроде как

ERROR: S client not available

и народ вопрос еще актуален, как сделать общий файл стилей для всех экранов в последнем RN? ?

где об этом прочитали?

там спец фичи ввели

Ссылку

У меня очень длиный список, поэтому использую пагинацию как в этом учебнике: https://reactnativecode.com/infinite-list-flatlist-pagination-load-more-data/ Все сделал, но не удобно что приходится тапать на кнопку для получения новых данных. Можно ли реализовать дополнительную загрузку без нажатия на кнопку Load More Data From Server ?

че-нить такое попробуй https://github.com/yamill/react-native-inviewport

че-нить такое попробуй https://github.com/yamill/react-native-inviewport

нашел) onEndReachedThreshold={0.5} onEndReached={() => this.fetchMoreData() }

у FlatList есть методы для этих целей)

ну можно сделать чтобы кнопку первый раз надо было нажать а все остальные она сама нажималась)

https://reactnavigation.org/docs/en/navigating-without-navigation-prop.html

у меня глаза кровью вытекли

https://github.com/react-navigation/react-navigation/issues/4490

это рекомендованый путь замены редакса

да надо выкидывать нафиг

че-то парней понесло не туда

Ребят, а есть какой-то пакет для реализации слайдера, нужны точки, стрелки и бесконечность в обе стороны в слайдере. Нашел парочку, но они очень баганные

Ребят у кого есть опыт именно Expo + Sentry ? как заставить приложение крашиться а не перезагружаться в оболочке експо ?) чтоб отправлялись ошибки?)

че-то парней понесло не туда

расскажите потом, на что поменяли?)

расскажите потом, на что поменяли?)

да выбор-то не великий

https://medium.com/@jschloer/react-router-v4-with-react-native-5f2005ab2a72

да выбор-то не великий

верно. только этот. но есть еще от wix.

нене

v1 не поддерживается, v2 - альфа да и апп перепиливать сильно надо, короче печаль

че-то парней понесло не туда

Было бы круто чтобы кто-то наоборот сделал only-redux навигацию ? Я думаю что использовать Redux никто не запретит, просто более явные действия придется делать - типа в StartupSaga явно из сохраненного в state пути инициализировать этот навигатор, и резетить его с нужным путем на каждый чих

да они там костыли размером с мачту фрегата изобретают

https://github.com/react-navigation/react-navigation/issues/4490#issuecomment-405774241

просто мама дорогая

сперва flow выпилили потому что не осилили, теперь редакс

завтра они придумают апи от которого все на стену полезут (уже придумали)

завтра они придумают апи от которого все на стену полезут (уже придумали)

Это норма