React Native — info – Telegram
React Native — info
1.29K subscribers
77 photos
26 videos
9 files
235 links
@react_native_info — канал с качественным контентом об RN.

Все самое интересное о ReactNative, React, JS, TS и мобильной разработке.

По всем вопросам обращатся — @igroza @bobcatus
Download Telegram
image_2020-10-16_12-18-10.png
5.4 KB
Смена ключа по умолчания для подписи apk
В файле /android/app/build.gradle найти раздел signingConfigs и заменить значения соответственно.
👍1
tg_image_31529315.jpeg
31.2 KB
OS X решение проблем с разрешениями

chmod 755 android/gradlew
👍1
Что нужно знать для сборки ios проекта

- Открывать в Xcode файл проекта с расширением .xcworkspace

- Убедиться что Xcode выдан доступ к файлам:
* Открыть системные настройки
* Перейти Защита и безопастность > Конфидецеальность > Доступ к диску
* Если Xcode нет в списке, нажать на замочек и снять блокировку. Далее нажать на кнопку + и вручную добавить Xcode

- Для переустановки "подов" использовать команды:
pod deintegrate
pod install

- При ошибках установки "подов":
* Проверить доступ к сети, возможно проблема в маршрутизаторе
* Выполнить sudo xcode-select --switch /Applications/
* Очистить кеш Xcode утилитой CleanMyMac X
* Выполнить повторно  pod deintegrate
* Перезагрузить mac
* Возможны ошибки при загрузке подов, а также нехватки библиотек Yoga* , необходимо отключить flipper в Podfile

- При нехватке каких либо библиотек:
* Очистить папку билда в проекте, в Xcode нажать Shift+Cmd+K
* Очистить кеш Xcode утилитой CleanMyMac X
* Если не помогли предыдущие пункты, повторить их сначала и переустановть поды pod deintegrate
* Проверить открыт ли .xcodeworkspace файл

- Решение различных clang error
* Очистить папку билда в проекте, в Xcode нажать Shift+Cmd+K
* Очистить кеш Xcode утилитой CleanMyMac X
* Перезагрузить mac (тут можно попытаться без этого пункта)

- При очень долгой сборке проекта, попробовать убить просесс clang, это компилятор Objective C, далее в Xcode нажать Shift+Cmd+K и попытаться собрать билд еще раз

- Убедиться в совместимости версии  Xcode и версии ios на реальном девайсе

- Если после установки приложения оно не запускается:
*  Перейдите в настройки  iPhone
* Перейдите в Основные > Управление устройством >  Apple Developement: ваш_аккаунт_разработчика >  Разрешить доступ

- Если ругается на нехватку GoogleService-info.plist:
* Удалить файл если существует
* В файловой структуре Xcode  выбрать ваш проект
* Далее ПКМ > Add files to project > выбрать недостающий файл > выставить все галочки и добавить

-  При ошибке с повторяющимися ассетами  Multiple assets files error, перейти во вкладку проекта > в поле Targets выбрать ваш проект > Build Phases > Copy Bundle Resources и удалить повторяющиеся файлы

-  Возможны ошибки с   HTTP  запросами, для этого нужно добавить  url в исключения: перейти во вкладку проекта > в поле Targets выбрать ваш проект > Info > URL Types > нажать на + > в поле Url Shcemes вставить необходимый адрес остальные поля не трогать

После успешного билда возможны различные runtime  ошибки, внимательно смотрите логи в Xcode
👍21
Генерация JS бандла

ios:
react-native bundle --dev false --entry-file index.js --bundle-output ios/main.jsbundle --platform ios


android:
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle
👍2
При ошибке установки pod’ов на процессоре M1

LoadError - dlopen(/Library/Ruby/Gems/2.6.0/gems/ffi-1.13.1/lib/ffi_c.bundle, 0x0009)

Выполнить:

sudo arch -x86_64 gem install ffi

arch -x86_64 pod install
👍2
О вреде use_frameworks! в podfile

Использование use_frameworks! flag приведет к тому, что все модули в проекте будут связаны как динамические фреймворки, которые, как правило, замедляют запуск вашего приложения и увеличивают размер пакета по сравнению с использованием статических библиотек (ссылка). Apple также предлагает отказаться от динамических фреймворков.
Кроме того, это может вызвать ошибки сборки в приложениях, в которых есть другие модули, которые нельзя связать как динамические фреймворки, например. react-native-firebase, что также приводит к тому, что ваше приложение выдаст ошибки при сборке.

https://github.com/mapbox/mapbox-gl-native-ios/issues/131#issuecomment-577671153
👍1
При ошибке React-Native Bundle Error error SHA-1 for file is not computed

Выполнить:

npm install -i -g --force react-native-cli
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Ошибка при билде Undefined symbol: __swift_FORCE_LOAD_$_swiftWebKit

В разделе Build Phases вашего проекта необходимо добавить libswiftWebKit.tbd в пункт Link Binary with Libraries.
👍1
Увлекательное обучающее руководство по работе с библиотекой lottie-react-native и созданию интересной анимации в приложении React Native.

https://nuancesprog.ru/p/13845

@nuancesprog #статьи #React
👍2
Ошибка при сборке проекта в XCode

Error: cannot find the node binary. Try setting the NODE_BINARY variable in the "Bundle React Native code and images" Build Phase to the absolute path to your node binary. You can find it by executing "which node" in a terminal window.

Для решения ошибки выполнить в терминале:
ln -s $(which node) /usr/local/bin/node
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Привет товарищи! Разработал интерестный инструмент для RN, главной особеностью является то что можно будет отловить ошибки в релизной версии приложения, о всех функциях можно прочитать на NPM.
В скором будущем планируется релиз клиента в AppStore 🙂

Cсылки:

NPM: https://www.npmjs.com/package/mobile-app-debugger

Google play: https://play.google.com/store/apps/details?id=ru.kirillag.mobileappdebugger

App Store: https://apps.apple.com/id/app/app-debugger/id1605641206
👍2
Удалённое тестирование Android-приложений на реальных устройствах Samsung

Оказывается, у Samsung есть сервис Samsung Remote Test Lab, в котором можно протестировать своё приложение на топовых и бюджетных смартфонах Samsung Galaxy (даже на линейке складных Fold), планшетах и даже умных часах.

Работает это так: вы получаете удалённый доступ к устройству и можете проверить, как приложение работает на конкретной модели. У сервиса даже открыта отдельная лаборатория в России. И пользоваться им можно бесплатно — так отпадает необходимость покупать устройства для тестов.

В статье описан опыт использования Samsung Remote Test Lab: https://habr.com/ru/company/samsung/blog/593509/
👍1
React Native — info pinned «Сборник полезных терминальных команд для разработки react-native приложения Не забудь добавить в закладки 😉»
Заглянем под капот React Native и узнаем обо всех тонкостях его внутренней работы: выполнение кода JavaScript на устройствах Android/iOS и преобразование его в нативный, рендеринг UI, взаимодействие потоков в приложении, а также многое другое.

https://nuancesprog.ru/p/13634
👍1
Делимся годным репозиторием с более 39 тысяч звезд, который отлично подойдет для проверки знаний по JavaScript или подготовки к собеседованию:

Сохраните себе, чтобы не потерять.

https://github.com/lydiahallie/javanoscript-questions/blob/master/ru-RU/README.md
👍1
Репозиторий с примерами и объяснением самых популярных алгоритмов и структур данных на JS. Возле каждого алгоритма отмечен уровень сложности

https://github.com/trekhleb/javanoscript-algorithms
👍2