А как происходит разметка и оформление?

Схожим образом как и в хтмл

Хм, спасибо

Ещё раз простите за вопросы

Народ, зачем прописывать StyleSheet, если стили и так работают?

Народ, зачем прописывать StyleSheet, если стили и так работают?

новый объект каждый раз будешь создавать

Как можно указать файл до tsconfig?

Народ, зачем прописывать StyleSheet, если стили и так работают?

Производительность + intellisense работает только внутри стайлщита :Р

новый объект каждый раз будешь создавать

Не совсем понял)

новый объект каждый раз будешь создавать

Можно для новичков?)

Можно для новичков?)

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

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

Не знал, спасибо)

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

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

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

Ребята, еще такой вопрос, а как проверить, в каком напривлении пользователь сделал свайп в FloatList?

Ребята, еще такой вопрос, а как проверить, в каком напривлении пользователь сделал свайп в FloatList?

Вверх или вниз имеешь в виду?

Вверх или вниз имеешь в виду?

Да, хочу просто сделать, чтобы при листании списка исчезал searchBar

#ask How do I make the data restApi auto refresh? so every few seconds he refreshes himself /realm

Там же вроде есть колбэк onScroll, сравнивай в нем с последним известным значением скрола, если меньше 0 - в одну сторону, больше - в другую

Там же вроде есть колбэк onScroll, сравнивай в нем с последним известным значением скрола, если меньше 0 - в одну сторону, больше - в другую

Не увидел, сейчас буду изучать код компонента, спасибо

Ребята, еще такой вопрос, а как проверить, в каком напривлении пользователь сделал свайп в FloatList?

FlatList*, в документации есть пропса для этого

Вроде...

А нет, это у скроллвью она есть, извиняюсь

Все, сделал, всем большое спасибо)

А как происходит разметка и оформление?

Как раз видео курс делаю для начинающих. По основам в стилях сделал три видео: https://www.youtube.com/watch?v=vZpjqARPhFA https://www.youtube.com/watch?v=XehdxK1jkFk https://www.youtube.com/watch?v=PF1kzcGdN7E Весь плейлист здесь: https://www.youtube.com/watch?v=tz_pOxQFcdo&list=PLth6QPteH5guFUwQj1iCdu-SOZ7O5KCz4

Спасибо

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

It also allows to send the style only once through the bridge. All subsequent uses are going to refer an id (not implemented yet) - из доки

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

Только оптимизация с нативом не была реализована... и маловероятно, что появится в ближайшее время (слишком сложно) - посмотрите код ))

Только оптимизация с нативом не была реализована... и маловероятно, что появится в ближайшее время (слишком сложно) - посмотрите код ))

Почему то не удивлен ?

Только оптимизация с нативом не была реализована... и маловероятно, что появится в ближайшее время (слишком сложно) - посмотрите код ))

Костыли и велосипеды!

Ну такое... тут вспомнилось (кто нативные компоненты пишет, имейте ввиду)... этот комментарий мне уже года полтора глаза мозолит, кажется... https://github.com/facebook/react-native/blob/0.56-stable/Libraries/ReactNative/requireNativeComponent.js#L81-L84 Т.е. значение св-ва style после резолвинга превращается в объект, все св-ва которого подмешиваются в св-ва компонента на верхнем уровне и уже вот это улетает в бридж. )

Ну такое... тут вспомнилось (кто нативные компоненты пишет, имейте ввиду)... этот комментарий мне уже года полтора глаза мозолит, кажется... https://github.com/facebook/react-native/blob/0.56-stable/Libraries/ReactNative/requireNativeComponent.js#L81-L84 Т.е. значение св-ва style после резолвинга превращается в объект, все св-ва которого подмешиваются в св-ва компонента на верхнем уровне и уже вот это улетает в бридж. )

Какая дикость

Это очевидно как раз была оптимизация кол-ва данных, передаваемых через бридж... чтоб при изменении только одного св-ва стиля, к примеру backgraundColor... в натив не передавался весь гигантский объект со стилями... Вопрос адекватности этого инженерного решения... я бы так не писал, да. Потому что потом вот такое бывает (одно из последствий): https://github.com/react-native-community/react-native-linear-gradient/issues/279 С другой стороны мы же не знаем какие ещё в тот момент были варианты у них...

Плохо только то, что теперь это можно исправить только сломав ВСЕ сторонние нативные модули.

Did anyone know how to made this?

Actually i have tried with react native beefe picker

But stuck, i cant adding button under the picker

Всем привет! Подскажите каким образом можно сделать timepicker в android как в ios. Имею ввиду барабанную прокрутку? Может какую библиотеку посоветуете?

Всем привет! Подскажите каким образом можно сделать timepicker в android как в ios. Имею ввиду барабанную прокрутку? Может какую библиотеку посоветуете?

https://www.npmjs.com/package/react-native-picker

https://www.npmjs.com/package/react-native-picker

Понял, спасибо)!

Кто использовал react-native-vkontakte-login были проблемы с этим модулем какие? Сейчас смотрю в код и думаю своё писать или его использовать (https://github.com/doomsower/react-native-vkontakte-login)... и вижу что в целом всё неплохо написано, но: 1. нет changelog 2. есть долго живущие форки 3. ios: почему-то нет защиты от двух одновременных login (когда первый завершится, отрезолвится промис от второго) из-за того, что коллбэки сохраняются глобально.

Intro: { screen: Intro}, Login: { screen: Login }, Home: { screen: { Main: { screen: Main} , Profile: {screen: Profile} } } подскажте как с экрана Profile выйти на Login. Profile находится внутри вложенного stack navigatora (React Navigation) ?

Navigation.navigate('Login')

Intro: { screen: Intro}, Login: { screen: Login }, Home: { screen: { Main: { screen: Main} , Profile: {screen: Profile} } } подскажте как с экрана Profile выйти на Login. Profile находится внутри вложенного stack navigatora (React Navigation) ?

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

Navigation.navigate('Login')

если бы все так просто

Выдали новый проект, запускаю на симуляторе, и оно крашится при запуске на эмуляторе без какого-либо еррора. Как отследить знает кто?

они рекомендуют юзать switch navigator для авторизации https://reactnavigation.org/docs/en/auth-flow.html

может то, что вам нужно

может то, что вам нужно

спасибо попробую)

Выдали новый проект, запускаю на симуляторе, и оно крашится при запуске на эмуляторе без какого-либо еррора. Как отследить знает кто?

reverse engineering, убей все и попробуй запустить - запустится, кльово, убивай уже само содержимое. Не запустится - проблема с конфигами приложения.

они рекомендуют юзать switch navigator для авторизации https://reactnavigation.org/docs/en/auth-flow.html

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

если у вас есть switchNavigator({ beforeLoginScreens: Stack, afterLoginScreens: Stack })и вы делаете navigate из экрана из afterLoginScreens на экран в beforeLoginScreens. это и есть logout

должно просто хватить navigate("LoginScreen")

switchNavigator не имеет стека, он держит только текущий route

Кто использовал react-native-vkontakte-login были проблемы с этим модулем какие? Сейчас смотрю в код и думаю своё писать или его использовать (https://github.com/doomsower/react-native-vkontakte-login)... и вижу что в целом всё неплохо написано, но: 1. нет changelog 2. есть долго живущие форки 3. ios: почему-то нет защиты от двух одновременных login (когда первый завершится, отрезолвится промис от второго) из-за того, что коллбэки сохраняются глобально.

А в чем проблема долгоживущих форков?

А в чем проблема долгоживущих форков?

Один из признаков, что поддержка проекта хромает... )

Один из признаков, что поддержка проекта хромает... )

Не, основной признак - это когда нет вообще коммитов) Как например здесь https://github.com/doochik/react-native-vksdk

Ну и changlelog в наше время тоже роскошь)

Не, основной признак - это когда нет вообще коммитов) Как например здесь https://github.com/doochik/react-native-vksdk

Ну я ж и говорю, "один из признаков" ))

ERROR: S client not available

Ну и changlelog в наше время тоже роскошь)

Да, к сожалению (( Но для меня это очень важно... когда выходит новая версия с инкрементом minor или major (или любая, если не semantic), то я читаю changelog чтоб понять что мне нужно сделать для апдейта. И если простого и понятного списка изменений нет, то процедура становится на порядки более сложной... приходится читать весь лог изменений с предидущей версии, каждый коммит... (да, это всё только про нативные модули к RN... обычные js модули я так не проверяю, если они не jest, babel или typescript )))

Да, к сожалению (( Но для меня это очень важно... когда выходит новая версия с инкрементом minor или major (или любая, если не semantic), то я читаю changelog чтоб понять что мне нужно сделать для апдейта. И если простого и понятного списка изменений нет, то процедура становится на порядки более сложной... приходится читать весь лог изменений с предидущей версии, каждый коммит... (да, это всё только про нативные модули к RN... обычные js модули я так не проверяю, если они не jest, babel или typescript )))

можно еще проверять, атолеоне загрузили в npm и ключ подписи сверять и авторов коммитов.

и каждую зависимость новую.

это следующий уровень проверки)

Всем привет! Подскажите каким образом можно сделать timepicker в android как в ios. Имею ввиду барабанную прокрутку? Может какую библиотеку посоветуете?

вот еще https://github.com/lesliesam/react-native-wheel-picker

можно еще проверять, атолеоне загрузили в npm и ключ подписи сверять и авторов коммитов.

Нужно... но руками это нереально делать... надеюсь, в npm всё же впилят нужные тулзы )

вот еще https://github.com/lesliesam/react-native-wheel-picker

О, спасибо! Щас попробую)

у rn есть особенность: большая часть нативных модулей пакетов распростроняется в исходниках. это сильно отличет его нативного андроида, где все в скомпилино в jar так или иначе. Это сложнее руками чекать, но там хоть все подписывается перед загрузкой.

Нужно... но руками это нереально делать... надеюсь, в npm всё же впилят нужные тулзы )

сложно. как можно понять, далает ли пакет в postInstall реквесты. можно давать предупреждения, что вот появился postinstall script в новой версии.

ножно security npm review :)

@ivanzotov, подскажите, пожалуйста, не было ли проблемы при рендеринге RN TextInputMask? У меня рендер типа {value ? <TextInputMask1/> : <TextInputMask2/>}. Первый остается на месте после смены условия, хотя остальные компоненты меняются. Если к примеру сделать так {value ? <Text1/> : <Text2/>} то они меняются.

@Demuzx привет, на сколько помню есть маленький баг в Android, есть PR открытый который фиксит, но я еще не проверил его

@Demuzx а какая конкретно проблема?

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

@Demuzx а какая конкретно проблема?

Ну в общем я просто меняю инпут на другой инпут, юзер вводит свой новый номер телефона, затем инпут 1 просто должен убраться с рендера и поставиться инпут 2, в который юзер введет код из смс. После того как юзер ввел свой номер, нажал "Отправить СМС", условие рендера меняется, один инпут должен заменить другой, но этого не происходит, при чем в рендере меняется абсолютно все, в зависимости от условия, кроме RN TextInputMask.

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

Хорошо. Спасибо.

к сожалению я давно не использовал этот модуль в production, если найдутся баги/решения issues/PRs welcome )

@ivanzotov, подскажите, пожалуйста, не было ли проблемы при рендеринге RN TextInputMask? У меня рендер типа {value ? <TextInputMask1/> : <TextInputMask2/>}. Первый остается на месте после смены условия, хотя остальные компоненты меняются. Если к примеру сделать так {value ? <Text1/> : <Text2/>} то они меняются.

Небольшое решение временное сделал.

Записал не так {someValue ? <TextInputMask1/> : <TextInputMask2/>}, а так {someValue && <TextInputMask1/>} {!someValue && <TextInputMask2/>}

к сожалению я давно не использовал этот модуль в production, если найдутся баги/решения issues/PRs welcome )

Отличный модуль. Уже в третьем приложении его юзаю.

Это радует. Планирую сделать хорошее обновление в нем, обновить нативные библиотеки, как-нибудь доберусь )

Это радует. Планирую сделать хорошее обновление в нем, обновить нативные библиотеки, как-нибудь доберусь )

Спасибо, круто было бы.

Это радует. Планирую сделать хорошее обновление в нем, обновить нативные библиотеки, как-нибудь доберусь )

А вы сможете одну вещь туда добавить? Чтобы был какой нибудь неменяемый placeholder или типа того? Ну например, код телефона никогда не стирается, или тому подобное. Чтобы нестираемый текст тоже как нибудь в маске выделялся.

А вы сможете одну вещь туда добавить? Чтобы был какой нибудь неменяемый placeholder или типа того? Ну например, код телефона никогда не стирается, или тому подобное. Чтобы нестираемый текст тоже как нибудь в маске выделялся.

Боюсь что нет, я просто сделал врапперы для нативных библиотек от RedMadRobot

всегдаВидимыйНикогдаНеИзменяемыйНеСтираемыйValue. Типа того )))

всегдаВидимыйНикогдаНеИзменяемыйНеСтираемыйValue. Типа того )))

)) да ты уже не первый кто спрашивает, но я пока не трогаю функционал от RedMadRobot

alwaysVisibleAndNotDeletableValue='+7 (900) ' ?

кто-то юзал ejabberd с react-native?

кто-то юзал plan9 с react-native?