react-native-config로 .env 환경변수 설정하기

환경변수를 관리하기 위해 .env를 적용할 수 있게 하는 라이브러리입니다.

React와는 다르게 .env를 생성하고 네이티브단과 연동하는 작업이 필요합니다.

그 연동하는 것을 도와주는 라이브러리라고 생각하면 됩니다.

 

라이브러리 설치

yarn add react-native-config
npx pod-install ios

iOS

// AppDelegate.mm 에서 해당 구문 추가

#import <react/config/ReactNativeConfig.h>

Android

// setting.gradle 에서 해당 구문 추가

include ':react-native-config'
project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-config/android')

 

// app/build.gradle 에서 해당 구문 추가

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

 

적용 확인

 

추가로..

환경변수의 값을 변경하고 리빌드한다면 변경한 값으로 적용되지 않을겁니다.

이전에 빌드할 때 적용된 환경변수값이 네이티브단에서 그대로 남아있기 때문입니다.

해결하기 위해서는 네이티브단의 캐쉬를 비우고 리빌드하면 됩니다.