Настройки в 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

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