код лучше, до и после, потому что это как минимум странно

версия rn последняя?

версия rn последняя?

0,58,6

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

<FlatList style={{ paddingTop: 20, paddingHorizontal: 26, paddingBottom: 50, backgroundColor: colors.container_gray, }} keyExtractor={item => item.id} data={this.state.newsList} ListHeaderComponent={() => ( <Text style={{ color: colors.purple, fontSize: 18, fontFamily: "Roboto-Medium", }} >Новости</Text> )} renderItem={this._renderItem} refreshing={this.state.loading} onRefresh={() => this.requestItems()} ListFooterComponent={() => ( <View style={{ width: window.width, height: 40, backgroundColor: "#f2f2f2", }} /> )} /> вот такой список. есть подозрение что возможно стоит вынести отступы из стилей списка внутрь айтемов, но хз.. в общем странно.

Добрый день всем. Есть здесь RN разработчики с Казахстана? Давайте знакомиться

У нас клиент из Казахстана)🎯

Добрый день всем. Есть здесь RN разработчики с Казахстана? Давайте знакомиться

Валор Маргулис 🤚

Валор Маргулис 🤚

И вам)

У нас клиент из Казахстана)🎯

Круто. А сами вы откуда?

Добрый день всем. Есть здесь RN разработчики с Казахстана? Давайте знакомиться

с НурСултана)

с НурСултана)

О наболевшем)

А у нас в Семее даже никакую улицу не переименовали. 😉

А у нас в Семее даже никакую улицу не переименовали. 😉

Не дошел процесс)

Всем привет. У меня проблемы с run приложения.

Всем привет, не пинайте сильно, кто нибудь может кинуть ссылку как на Винде установить эмуляторы для expo, сейчас только vs code и телефон использую

Genymotion или через Android Studio.

Всем привет, ребят может кто гайд по React-native + webpack + ts скинуть?

Чет не получается подключить это все =(

Всем привет, ребят может кто гайд по React-native + webpack + ts скинуть?

К слову да, зачем вам вебпак

Может человек из веба пришёл Я вот буду в проекте добавлять часть с веб(не рн-веб), там вебпак И в таком случае вопрос над ли тащить и метро и вебпак или оставить одно что-то

Может человек из веба пришёл Я вот буду в проекте добавлять часть с веб(не рн-веб), там вебпак И в таком случае вопрос над ли тащить и метро и вебпак или оставить одно что-то

Не совсем понимаю юзкейс этрй части с веба

В моем случае? Для веба С оставлением общей части в виде работы с API

Не, я в принципе нативщик, перешёл в рн, посоветовали webpack притянуть

Не, я в принципе нативщик, перешёл в рн, посоветовали webpack притянуть

Странный совет

Делаю сплеш скрин по этому туториалу (https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae). Вроде бы все хорошо и на ios и на android, НО: на адроиде оказалось, что при закрытии сплеш скрина основной экран становится буд-то бы недоступен - нет никакой реакции на скролл или на попытки тыкнуть в инпут. Встречался ли кто-нибудь с такой проблемой?

Всем привет, ребят может кто гайд по React-native + webpack + ts скинуть?

А что именно не получается. Вы же сюда смотрите? https://github.com/callstack/haul

(если что, я сам проводил только небольшие эксперименты с этим... но стараюсь следить за развитием событий, т.к. пока меня metro конкретно напрягает)

react-native init —template typescript

Вроде нормально же

Друзья, а никто модулем react-native-web-image не пользуется здесь? Мне тут какой-то товарищ баг поставил, а как повторить непонятно. Если пользуетесь, не встречались ли с чем-то подобным? https://github.com/vovkasm/react-native-web-image/issues/21

Здравствуйте. Кто-нибудь юзал TypeORM с Expo? Тут такая ситуевина: в дев-режиме все работает, а при публикации или сборке в прод-режиме (в частности, когда врубается минификация) все ломается

Судя по всему, проблема именно в минификации кода

Может, есть какой-то способ ее отрубить раз и навсегда?

Может, есть какой-то способ ее отрубить раз и навсегда?

Что-то в районе minifierPath и minifierConfig https://facebook.github.io/metro/docs/en/configuration#minifierpath Точнее в доках нет, в этот момент я бы заглянул в исходники чтоб понять как оно выключается. Но я не думаю, что без минификации будет хорошо.

Ну, я запускал Expo в прод-режиме с отключенной минификацией - все работало

Естественно, при публикации оно таки минифицирует код, и все по-прежнему не работает

Естественно, при публикации оно таки минифицирует код, и все по-прежнему не работает

А... это expo, сорри, тогда возможно там не metro.config.js надо править. Тут я ничем не смогу помочь.

1. Отсутствие tree shaking 2. Принципиально неверный подход к бандлингу (ram bundle, когда в ниличии есть более простое и очевидное решение у сообщества). Неверный, т.к. require/import - синхронные операции и на этом уровне нельзя делать подгрузку из других файлов. 3. Вывернутые наизнанку конфиги, haste, автосканирование всего project root (ну тут, правда есть ньюанс, что скорее это изначальный лэйаут файлов в RN не совсем тот, который нужен. root для js надо в подпапке держать, чтоб он даже не пытался сканировать файлы в папках ios/android и других не относящихся к целям для бандлинга)

Ребят, как через РН собрать АПК?

cd android && ./gradlew assembleRelease

По любому есть либки для rn которые могут прямо из react-native собирать, но мне проще напрямую

Лучше app:assembleRelease

ну есть вариант react-native run-android --variant=release

cd android && ./gradlew assembleRelease

А где АПК сохраняет?

А где АПК сохраняет?

Не помню точно но где то тут Android/build/outputs/release

android/app/build/outputs/

Дальше папку точн не помню, apk вроде

release

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

У меня на днях react-native link слинковал шрифты из одного проекта в другом

Залинковать либу вручную нет так уже и сложно

Так это будущее рна

Это будет в некс релизе по дефолту

android/app/build/outputs/

при установке получаю ошибку, что приложение не установлено пакет поврежден, хотя билдится вроде без ошибок

А вы кейстор сделали?

Так, еще вопрос. С помощью ReactNative CLI создаю приложуху, подрубаю TypeScript, в App.tsx есть такой кусочек кода: class Keke {} console.log(Keke); В metro.config.js в transformer указано следующее: minifierConfig: { mangle: false, }, То есть, вроде, манглинг должен быть отключен. Глянул исходники Metro - по идее, должно работать. Но при запуске в консоль выводится просто [Function: t], то есть имя все равно портится. Может, кто-нибудь в курсе, что с этим можно сделать?

Есть запускаю без минификации, то пишет [Function: Keke]

В package.json сделал name: app Импортирую компоненты так: import Component from “app/components/Component” Объявлять удобно, но vs code не подсказывает пути теперь. Как быть?

Использую react navigation и react native splash screen. В итоге когда сплеш скрин закрывается, то экран приложения не реагирует на касания, будто бы какой-то сверху слой остается и дизейблит экран. При этом если рендерить просто какой-нибудь компонент без обертки в react navigation, то все работает норм и экран доступен. Предполагаю что проблема в react navigation - createAppContainer. Воспроизводится такое только на андроиде. Сталкивался ли кто-то с таким? А также кто-нибудь использует react-navigation совместно с react native splash screen ?

используем, проблем нет

используем, проблем нет

а какой версии react navigation, 2 или 3?

и 2, и 3

Использую, проблем тоже нет

Возможно ты неправильно подключил либу?

В package.json сделал name: app Импортирую компоненты так: import Component from “app/components/Component” Объявлять удобно, но vs code не подсказывает пути теперь. Как быть?

Либо jsconfig.json либо tsconfig.json в ту папку, которую в vscode открываете. И туда такое: { "compilerOptions": { "baseUrl": ".", } } Но. Папка, где package.json с name: "app", тоже должна "app" называться. (Я такой конфиг использую). Наверное можно делать и разные имена, но так проще. Соответственно там, где папка называется "src", я и в package.json тоже пишу name: "src" Пример: https://github.com/vovkasm/DemoCurrencies/

Возможно ты неправильно подключил либу?

да вроде бы старался сделать все верно, на ios работает, а на андройде экран перестает реагировать после скрытия сплеш скрина(

Почему бы просто не хранить index выбраноого таба? Да и название count тут не к месту

Ужас

Не за что)

Либо jsconfig.json либо tsconfig.json в ту папку, которую в vscode открываете. И туда такое: { "compilerOptions": { "baseUrl": ".", } } Но. Папка, где package.json с name: "app", тоже должна "app" называться. (Я такой конфиг использую). Наверное можно делать и разные имена, но так проще. Соответственно там, где папка называется "src", я и в package.json тоже пишу name: "src" Пример: https://github.com/vovkasm/DemoCurrencies/

Проговорю сам ) В папке, которую я открываю в vs code я создал файл jsconfig.json и добавил туда то, что вы написали. Саму папку я назвал app. Папки src у меня нет. Это все, что нужно было сделать? Просто вроде как не работает.

Проговорю сам ) В папке, которую я открываю в vs code я создал файл jsconfig.json и добавил туда то, что вы написали. Саму папку я назвал app. Папки src у меня нет. Это все, что нужно было сделать? Просто вроде как не работает.

Вроде да. На всякий случай принципы из которых я исхожу: 1. package.json нужен только metro, и только на рантайм (либо при сборке бандла, либо при запуске в "живом" режиме, который react-native start). Он единственный из всех инструментов сканирует весь projectRoot и любые найденные папки с package.json, считает js пакетами (как уж он при этом приоритеты в node_modules разрешает, я не заню, там сложно). 2. В vscode поддержка js сделана через typescript. Всё, что поддерживает typescript (влючая конфиги, будет "понимать" и vscode). 3. Проектом для typescript является папка с файлом tsconfig.json (jsconfig.json тоже должен работать, при этом по умолчанию включается опция allowJs, которая заставляет typescript процессить и чистый js) 3. У typescript есть два инструмента для настройки резолвера: moduleResolution и (baseUrl + paths). Первое, нужно выставлять в node, потому что иначе не будут резолвиться node_modules... А вот второе позволяет добавить произвольный мэппинг при резолвинге абсолютных путей. baseUrl задает базовый путь относительно проекта, который используется для импорта абсолютных модулей (кто там в приоритете при этом node_modules или то, что по этому пути лежит - не знаю, не пробовал такие наложения делать) paths - это мэппинг абсолютного имени модуля (то, что в import пишется) на путь относительно baseUrl, что позволяет ещё и алиасинг делать. Но в данной конфигурации paths не нужны, потому что уже и так есть папка совпадающая по имени с импортируемым модулем. Вот. Из идей только попробовать мою демку склонировать и открыть в vscode и проверить работает ли там.

А вы кейстор сделали?

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

Нужна помощь в двух вопросах... Первый, У меня есть функция, которая в БД добавлчет даныео пользователе. Здесь есть поле role, у одного типа пользователей оно равно одному, у других нулю. Вопрос, как на других страницах я могу получить эти же данные этого пользователя из БД, чтобы потом их использовать? Я предполагаю, что можно сранивать из auth() поле currentUser.id и поле из БД uid, но вопрос, как мне получить данные?

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

https://facebook.github.io/react-native/docs/signed-apk-android

Нужна помощь в двух вопросах... Первый, У меня есть функция, которая в БД добавлчет даныео пользователе. Здесь есть поле role, у одного типа пользователей оно равно одному, у других нулю. Вопрос, как на других страницах я могу получить эти же данные этого пользователя из БД, чтобы потом их использовать? Я предполагаю, что можно сранивать из auth() поле currentUser.id и поле из БД uid, но вопрос, как мне получить данные?

думаю redux тебе должен помочь

думаю redux тебе должен помочь

Можно ли как-то без него обойтись? данные нужны тотлько для 3-4 экранов

Можно ли как-то без него обойтись? данные нужны тотлько для 3-4 экранов

3-4 экрана уже причина юзать редакс, потом тебе понадобится еще список какой-то показать а потом еще что то

3-4 экрана уже причина юзать редакс, потом тебе понадобится еще список какой-то показать а потом еще что то

не, 3-4 экрана максимум. И то кажется, даже 2