React Native in Android #2

이전 스토리를 따라가다 보면 만들어지는 package.json 파일을 보면 react 와 react-native 버젼을 확인할 수 있는데요. react 버젼이 alpha 버젼이네요. 이걸 릴리즈로 맞춰봅시다.

NPM 을 통해 react 버젼을 설정합니다.

package.json 을 통해 버젼 설정을 해야 합니다. 아래와 같이 변경해 주세요.

"react": "16.0.0-alpha.6",
"react-native": "0.43.3"

버젼을 변경했으니, 터미널에서 npm install 을 통해 적용합니다.

npm install

react-native 를 쓸 때 버젼 관리가 정말 중요한데요. react / react-native / android support 가 쌍으로 관리되어야 하며, 이로인해 compile SDK version 과 target SDK version 도 쌍으로 관리되어야 합니다. 현재 사용중인 버젼쌍은 아래와 같습니다.

android compile SDK: 23
android target SDK: 23
android support: 23.4.0
react native: 0.43.3
react: 16.0.0-alpha.6

Gradle 에 react-native 설정을 변경합니다.

Android 의 경우, build.gradle 에도 react-native 버젼 정보가 있습니다. 아래와 같이 변경해 주세요.

compile "com.facebook.react:react-native:0.43.3"

Android 프로젝트를 Clean / Rebuild 를 합니다.

Android Studio 에서 앱을 실행합니다.

이전처럼 react-native run-android 로 실행하면, adb path 설정이 없어서 실행이 안될겁니다. path 설정하는 방법도 있지만, Android Studio 에서 실행해 봅니다.

먼저 터미널에서 NPM 을 실행합니다.

cd /Users/richard/Documents/Android/AwesomeProject
npm start

이후 Android Studio 에서 이전 방식으로 Run 을 하면 정상적으로 앱이 설치되고 실행됩니다만, adb port 문제로 자주 요상한 화면을 만날 경우가 있는데요. 아래와 같이 run / debug 환경을 설정해 줍니다.