[RN error - Android] lottie-react-native, sdk error

react-native run-android 실행시 났던 오류

뜬금없이 Lottie 관련에러가 났다.. 일단 라이브러리 버전 업데이트를 진행해주었다.

그리고 다시 실행해줬더니, 또 lottie 관련 compile build error가 났다.

https://www.npmjs.com/package/lottie-react-native

lottie-react-native 패키지를 참고해서 더 안드로이드 패키지 내에 추가로 작성했다.

• android/app/src/main/java//MainApplication.java

  • import 추가

  import com.airbnb.android.react.lottie.LottiePackage; 

  • List getPackages()부분에 추가

  packages.add(new LottiePackage()); in List<ReactPackage> getPackages();

• android/app/build.gradle

  dependencies {
    ...
      implementation project(':lottie-react-native')
    ...
  }

• android/settings.gradle

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

  
  
  
  

+ 또 다른 에러..

찾아보니, 현재 사용하고 있는 gradle 버전이 jdk16을 지원하지 않기 때문이라고 한다.

터미널을 새로 열어서 설치되어 있는 jdk 버전을 확인한 뒤, 환경변수를 재설정해주었다.

//jdk 버전 확인
cd /Library/Java/JavaVirtualMachines 
ls -al


vim $HOME/.zshrc

// 환경변수 설정
export JAVA_HOME = /Library/Java/JavaVirtualMachines/jdk11.0.16.jdk/Contents/Home 

+ 에러 추가

SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file

말 그대로 안드로이드 패키지 내에 local properties의 sdk location이 없었다. 새로 파일 생성한 후, sdk 주소를 추가해줬다.

• For mac

  sdk.dir = /Users/USERNAME/Library/Android/sdk