вынеси img в отдельный компонент, и в методе shouldComponentUpdate проверяй изменился ли проспс с сорусом и если нет, то в компоненте пиши return false

Для этого есть PureComponent

Как сделать responsive изображение? Чтобы по ширине расстягивалось, а по высоте автоматически

Я для этого изначально написал react-native-web-image. Есть ещё более популярный вариант (не помню точно, что-то со словом fast в названии)

так и называется react-native-fast-image

А у rnовского Image уже починили onLoad?

А у rnовского Image уже починили onLoad?

А какая с ним была проблема?

Он просто не срабатывал

Совсем

у меня всегда отлично работал. С 44 версии точно

Здарова. Подскажите, есть ли сайты типа zeplin.io, но только для RN разработки. Короче говоря, на этом сайте можно под мобилы писать дизайны приложений и там сразу код снизу потом высвечивается, для Андроид например...

А мы мобилку через цеплин и делали

+

Помогите, такая проблема. Использую react-native-navigation. В приложени используется startTabBasedApp и startSingleScreenApp. Переход между ними осуществляется через Navigation.startSingleScreenApp и Navigation.startTabBasedApp из-за чего приложение падает спустя 4 таких перехода между экранами с разными навигациями. Я переписал переходы между экранами спомщью this.props.navigator.resetTo. Сейчас проблема! После использования this.props.navigator.resetTo при переходе с startTabBasedApp на startSingleScreenApp нижнее меню navBarHidden не проподает.

Всем привет. А как в ScrollView проверить, что данный элемент отображается на экране?

Ренделю график и хочу знать, какой его учасотк виден на экране, чтобы задавать масштаб по высоте

Всем привет. А как в ScrollView проверить, что данный элемент отображается на экране?

Если все элементы одной высоты, то можно с помощью onScroll

ну или если знаешь высоту всех элементов, можно высчитывать какие сейчас в видимости

Помогите, такая проблема. Использую react-native-navigation. В приложени используется startTabBasedApp и startSingleScreenApp. Переход между ними осуществляется через Navigation.startSingleScreenApp и Navigation.startTabBasedApp из-за чего приложение падает спустя 4 таких перехода между экранами с разными навигациями. Я переписал переходы между экранами спомщью this.props.navigator.resetTo. Сейчас проблема! После использования this.props.navigator.resetTo при переходе с startTabBasedApp на startSingleScreenApp нижнее меню navBarHidden не проподает.

А что пишет сообщение о краше?

привет. могу ли я редиректить с апликухи прям к ревью форме на appstore/play market?

Всем привет есть вопрос по навигации WIX обновил свое https://medium.com/@drorbiran/react-native-navigation-v2-is-here-5b7c87f002a и React Navigation тоже обновилась до 2-ой версии https://reactnavigation.org/docs/en/getting-started.html кто то успел попробовать обе ? - есть ли фаворит ? Спасибо большое

привет. могу ли я редиректить с апликухи прям к ревью форме на appstore/play market?

только на сам апп

ты сталкивался с этим?

и для иос и для андроид верно?

Всем привет есть вопрос по навигации WIX обновил свое https://medium.com/@drorbiran/react-native-navigation-v2-is-here-5b7c87f002a и React Navigation тоже обновилась до 2-ой версии https://reactnavigation.org/docs/en/getting-started.html кто то успел попробовать обе ? - есть ли фаворит ? Спасибо большое

react-navigation норм

ты сталкивался с этим?

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

плюс ни в одном аппе я не видел, чтоб это работало

спасибо, большое

Я хочу сперва поэкспериментировать с той же техникой, что в нативном https://github.com/bryankeller/BLKFlexibleHeightBar, т.е. вытащить заголовок из ScrollView... если всё получится - отпишусь... пока опасаюсь, что контент в ScrollView будет дергаться при ресайзе...

В общем, обещал отписаться, отписываюсь. Итог - в принципе работает. Схема получилась фактически как в предложенной статье, спасибо за неё, я, правда, прочитал подробно только когда уже написал ровно то же )

Что не получилось: - Не получилось использовать useNativeDriver - по нескольким причинам, смешная - backgroundColor анимировать хотел. Более серьёзная - не хватает выразительности у DSL для Animated.Value... - Не получилось использовать Animated.diffClamp - ну он и не должен был в принципе дать нужного мне эффекта. - С вёрсткой заголовка - полная хрень. - Не получилось реально делать лэйаут, в частности хотелось реально убирать кнопку "назад", а не уводить за пределы видимой области.

Как сделать анмаунт компонента при переходе на другой в react-navigation?

Что не получилось: - Не получилось использовать useNativeDriver - по нескольким причинам, смешная - backgroundColor анимировать хотел. Более серьёзная - не хватает выразительности у DSL для Animated.Value... - Не получилось использовать Animated.diffClamp - ну он и не должен был в принципе дать нужного мне эффекта. - С вёрсткой заголовка - полная хрень. - Не получилось реально делать лэйаут, в частности хотелось реально убирать кнопку "назад", а не уводить за пределы видимой области.

а тут имхо useNativeDriver и не нужен) он же по сути нужен чтобы не rAF вызывался на js стороне, а уже там, в нативке, в этом кейсе setValue все равно приходится использовать)

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

а тут имхо useNativeDriver и не нужен) он же по сути нужен чтобы не rAF вызывался на js стороне, а уже там, в нативке, в этом кейсе setValue все равно приходится использовать)

Всё верно, без setValue не обойтись. Но вот я смотрю, некоторые уже думают, о том, чтоб сделать DSL, который позволял бы это закодить без setValue: https://github.com/kmagiera/react-native-reanimated

Всё верно, без setValue не обойтись. Но вот я смотрю, некоторые уже думают, о том, чтоб сделать DSL, который позволял бы это закодить без setValue: https://github.com/kmagiera/react-native-reanimated

это действительно хороший пример ? тоже как раз сижу изучаю) а если еще и учитывать что это создатель react-native-gesture-handler то наверно может что то интересное получится)

Уважаемые, кто нибудь может посказать, почему может не отрабатывать shouldComponentUpdate ?

У меня происходит навигация на этот экран, и shouldComponentUpdate вообще не отрабатываться в принципе, а рендер отрабатыват трижды с одними и теми же данными, которых реально много.

Проблема решена, был виноват react-navigation-fluid-transitions

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

React native dialogs

https://github.com/aakashns/react-native-dialogs

А чем Вам не понравился RefreshControl в списке или скролле?

А чем Вам не понравился RefreshControl в списке или скролле?

Эм? Наверное тем, что цель и функционал другой. Сам RefreshControl никто не отменял. Цель была освободить максимум пространтсва пользователю для просмотра контента. Посмотрите, как Safari на ios работает при скролле длинной страницы.

https://github.com/aakashns/react-native-dialogs

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

Эм? Наверное тем, что цель и функционал другой. Сам RefreshControl никто не отменял. Цель была освободить максимум пространтсва пользователю для просмотра контента. Посмотрите, как Safari на ios работает при скролле длинной страницы.

Хм, ну ладно. Просто поинстересовался =)

Привет. Кто-нибудь знает почему в android-эмуляторе может не отображаться image если в source указывается ссылка на картинку с протоколом http. Если указать httpsб то работает

<Image style={{width: 50, height: 50, margin: 5}} source={{uri: 'https://scontent-frx5-1.xx.fbcdn.net/v/t1.0-1/p160x160/35835943_452875858488436_8802461646959149056_n.jpg?_nc_cat=0&oh=63772dcc594861d1126cc19701097846&oe=5BD9549F'}} />

её нет по адресу http, в браузер вбей, там ридерект идёт на https

это ж для примера

я имею в виду вообще любыые картинки с http

Здарова. Подскажите, есть ли сайты типа zeplin.io, но только для RN разработки. Короче говоря, на этом сайте можно под мобилы писать дизайны приложений и там сразу код снизу потом высвечивается, для Андроид например...

https://supernova.studio

https://supernova.studio

Не увидел где можно подключать разработчиков (((

я имею в виду вообще любыые картинки с http

кидай пример с актуальной ссылкой

Не увидел где можно подключать разработчиков (((

лично мне скетча достаточно) бегло знаком с этим сервисом, там не только под RN, но и под ios и под android пилить дизайн можно

кидай пример с актуальной ссылкой

http://joxi.ru/brRn1pbCJ7Z39r

Мне пример перепечатать конечно не сложно, но неужели проще было сделать скрин, а не нажать ctrl+c ctrl+v

чтобы я тоже нажал ctrl+c ctrl+v

http://joxi.ru/brRn1pbCJ7Z39r

а что говорят логи?

а что говорят логи?

вообще нет ошибок

вообще нет ошибок

вы только консоль смотрите или logcat тоже молчит?

logcat - о нем не знаю

где он лежит?

logcat - о нем не знаю

android studio => cmd + shift + a => logcat

выбираете процесс с вашим приложением и читаете все что андроид пишет

если проблемы на стороне андроида, то вы увидите варнинги/ошибки

ERROR: S client not available

господа, кто знает как линкануть ТОЛЬКО шрифты?

господа, кто знает как линкануть ТОЛЬКО шрифты?

Руками)

Это ж не рокет сайнс, в три места надо добавить

добавить в assets

да вроде сделаль вот так: 1) в package.json - "rnpm": { "assets": [ "./assets/fonts/" ] } 2) сделал react-native link assets

господа, кто знает как линкануть ТОЛЬКО шрифты?

Не забудь префетчить их

енто как?

енто как?

https://docs.expo.io/versions/latest/guides/preloading-and-caching-assets

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

у меня не иконки шрифтами, а именно кастомный шрифт

как выполнить рендеринг на стороне сервера с graphql apollo?

просто с пустыми значениями

без создания apollo client

пишет что нужен fetch, которого в nodejs нет, а устанавливаю node-fetch вообще ломается сервер и помогает только ребут компа

господа, кто знает как линкануть ТОЛЬКО шрифты?

react-native link assets

пишет что нужен fetch, которого в nodejs нет, а устанавливаю node-fetch вообще ломается сервер и помогает только ребут компа

https://github.com/developit/unfetch/tree/master/packages/isomorphic-unfetch хз, может это поможет

а вообще без fetch можно?

ну чтобы apolo client только на клиенте создавался и запросы делал только с клиента

без создания apollo client

почему без apollo client?

c ним проше всего

потому что клиент данные сам запросит

Ребят, кто-нибудь интегрировал в андройд прилагу хелс трекер вроде google-fit? Пользовался react-native-google-fitness, оказалось неудобно и не очень понятно. Может кто подскажет более лучший вариант?

Всем привет! Подскажите, есть ли возможность через React Native сохранять картинки в галерее девайса?

Есть

кому-нибудь удалость сделать порт проекта с macOs на windows (андроид разработка) ?

второй по счету разработчик пытается собрать проект на винде, и никак

не знаю команда и на винде и на маке работает никаких проблем не было

ну как.. были офк. но не с осями связанные

не знаю команда и на винде и на маке работает никаких проблем не было

В общем: все требуемые sdk установил, пытаюсь запустить проект (react-native run-android), какие то зависимости устанавливаются, и в конце, выпадает долгожданная фраза BUILD SUCCESSFUL, за ней строчка Starting the app и исполнение прерывается, как будто была нажата комбинация Ctrl+C. При повторном запуске начинается снова установка этих всех зависимостей сначала...

у меня так бывает из-за того что нода отваливается почему то