Настройка среды разработки
Настройка среды разработки для 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