react-native-config 설치 및 사용법
설치하기
$ yarn add react-native-config
세팅하기
$ react-native link react-native-config
(cd ios; pod install)
IOS
-
Xcode에서 project's name -> Libraries -> Add Files to [your project's name] -> ReactNativeConfig.xcodeproj 추가
ReactNativeConfig.xcodeproj 경로: 프로젝트 -> node_modules -> react-native-config -> ios
-
Build Phases -> Link Binary With Libraries -> libReactNativeConfig.a 추가(+버튼 클릭)
-
Build Setting -> Header Search Paths -> $(SRCROOT)/../node_modules/react-native-config/ios/** (non-recursive)
Android
android/settings.gradle
+ include ':react-native-config'
+ project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-config/android')
android/app/build.gradle
dependencies {
implementation "com.facebook.react:react-native:+" // From node_modules
+ implementation project(':react-native-config')
}
MainApplication.java
+ import com.lugg.ReactNativeConfig.ReactNativeConfigPackage;
@Override
protected List<ReactPackage> getPackages() {
return Arrays.asList(
new MainReactPackage()
+ new ReactNativeConfigPackage()
);
}
사용방법
.env
API_URL=https://myapi.com
GOOGLE_MAPS_API_KEY=abcdefgh
index.js
import Config from "react-native-config";
Config.API_URL; // 'https://myapi.com'
Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
Author And Source
이 문제에 관하여(react-native-config 설치 및 사용법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dormahd114/react-native-config-설치-및-사용법저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)