Practice

此部分為實作加圖示

RN

將命令加進package.json的scripts內 :

$ yarn ios-dev
or
$ yarn ios-stage
or
$ yarn android-dev
or
$ yarn android-stage

Project結構

Xcode 執行

1.Build Settings > search “preprocess” > 將Preprocess Info.plist File 設為 Yes

2.設Info.plist Preprocessor Definitions 為 ${BUILD_DIR}/GeneratedInfoPlistDotEnv.h

3.設 Info.plist Other Preprocessor Flags 為 -traditional

4.選擇 Manage Scheme..

5.選擇你的專案，按下設定 > Duplicate (記得Shared勾)

6.選擇 Pre-actions > 設定Provide build settings from 此App，和在紅框內輸入

7.選好就可以run了

Android Studio執行

1.在 project/android/app/build.gradle內加入（加在第二行）

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

2.設定好signingConfigs 和 buildTypes內的signingConfig signingConfigs的設定請參考此 教學 或者 官網

3.設定script 在project/package.json

4. 在Android Studio的terminal內

$ cd android && ENVFILE=.env.stage ./gradlew assembleRelease

或者

yarn + command 即可
例如 $ yarn build-android-stage

apk會產生在 android/app/build/output/apk/ 底下

參考

• Managing Configuration in React Native