Настройка среды (dev, stage, prod) в React Native для Android & iOS (урок 10)

Давайте узнаем, как использовать react-native-config для настройки среды React Native на Android.

1. Установка: yarn add react-native-config

2. Определение переменных конфигурации в файлах: env.development, .env.staging, .env.production

3. Необходимо внести изменения в файл android/app/build.gradle

project.ext.envConfigFiles = [
productiondebug: ".env.production",
productionrelease: ".env.production",
developmentrelease: ".env.development",
developmentdebug: ".env.development",
stagingrelease: ".env.staging",
stagingdebug: ".env.staging”
]

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

4. Доступ к переменным конфигурации

iOS

1. откройте Pods - Podfile и добавьте зависимость react-native-config в IOS: pod 'react-native-config/Extension', :path =(угловая скобка) '../node_modules/react-native-config'

2. В Xcode, выберите Product - Scheme - New Scheme. Выберите проект в раскрывающемся списке и введите имя схемы. И нажмите ОК, чтобы создать то же самое.

3. Create 2 Pre-actions. Чтобы создать файл env внутри папки ios и использовать его. Выберите project в раскрывающемся списке настроек сборки. Добавьте ниже сценарии и закройте.

Script 1:
rm "${CONFIGURATION_BUILD_DIR}/${INFOPLIST_PATH}"
echo ".env.development" (угловая скобка) /tmp/envfile

Script 2:
"${SRCROOT}/../node_modules/react-native-config/ios/ReactNativeConfig/BuildXCConfig.rb" "${SRCROOT}/.." "${SRCROOT}/tmp.xcconfig"

Как установить React Native?    • Как установить React Native (уроки для нач...  

#react_native #reactnative

Группы в Telegram:
общие вопросы по каналу Yii2: https://t.me/ObzorIT
группа IT специалистов, которые живут заграницей https://t.me/obzorITlLiveAbroad