Настройки в Xcode для проектов React Native

Настройки в Xcode для проектов React Native

Настройка среды разработки

Настройка среды разработки для React Native описана: https://reactnative.dev/docs/environment-setup

У меня возникла проблема с установкой Ruby, для ее решения помогла команда:

RUBY_CFLAGS="-w" CFLAGS="-Wno-error=implicit-function-declaration" RUBY_CONFIGURE_OPTS='--with-readline-dir=/usr/local/opt/readline/' rbenv install 2.7.6

Настройки в Xcode

Project – Info

  • Здесь нужно указать локализации

Targets – General, здесь указывается:

  • Bundle Identifier – например: ru.polyakovdmitriy.celi

Targets – Signing & Capabilities, здесь нужно указать

  • Bundle Identifier
  • Team
  • В Capabilities, указываем например:
    • In-App Purchase
    • Push Notifications

Targets – Info, здесь указываем:

  • Bundle Identifier – ru.polyakovdmitriy.celi
  • Bundle version string (short) – например 1.4
  • Bundle version – например 1
  • В URL Types – прописываем, например:
    • Identifier – например celi
    • URL Shemes – например celi

Далее заполняем картинки в Images.xcassets

  • AppIcon

Info.plist – добавляем:

  • Privacy – Photo Library Usage Description – Give $(PRODUCT_NAME) permission to save photos
  • Privacy – Camera Usage Description – Give $(PRODUCT_NAME) permission to access your camera
  • Privacy – Microphone Usage Description – Give $(PRODUCT_NAME) permission to use your microphone

Настройка SplashScreen

  • Добавляем ImageView
  • Растягиваем на весь экран
  • Установить ограничения, нажать на все 4 красные полоски и установить 0
  • Добавляем в Images.xcassets – картинку, можно путем перетаскивания
  • Выбираем ее в ImageView

InfoPlist.strings

"CFBundleDisplayName" = "AchievingGoals";
"NSHumanReadableCopyright" = "2023 Polyakov Dmitriy. All rights reserved.";

Добавляем локализации

InfoPlist.strings (ru)

"CFBundleDisplayName" = "Достигни цели";
"NSHumanReadableCopyright" = "2023 Поляков Дмитрий. Все права защищены.";

InfoPlist.strings (en)

"CFBundleDisplayName" = "AchievingGoals";
"NSHumanReadableCopyright" = "2023 Polyakov Dmitriy. All rights reserved.";

Настройка Иконок

Для настройки иконок – внутри приложения можно использовать: react-native-vector-icons

Как их настроить описано: https://github.com/oblador/react-native-vector-icons

Оставить комментарий