본문 바로가기
개발/react-native

react-native-skeleton-content 안드로이드 빌드 오류

by 김미더삘링 2021. 7. 23.

 

 

아래 npm 모듈을 이용하여 스켈레톤 로딩을 처리하면서 발생하는 에러

https://www.npmjs.com/package/react-native-skeleton-placeholder

 

react-native-skeleton-placeholder

SkeletonPlaceholder is a React Native library to easily create an amazing loading effect.

www.npmjs.com

 

위 모듈은 @react-native-masked-view/masked-view 을 디펜던시로 가지고 있다.

 

다만 리액트 네이티브에서 많이 사용되는 @react-navigation/stack 의 경우는 @react-native-community/masked-view을 의존성으로 가지고 있어서 두 모듈을 동시에 사용하면 충돌이 난다. 

 

위의 경우가 아니라면 masked-view 을 사용하고 있는 다른 NPM모듈이 있는지 확인을 먼저 해야한다.

 

 

[해결 방법] 

- 썩 나이스한 방법은 아니지만, 두모듈을 무조건 동시에 사용해야 한다면

 

npm install 한 후에 

 ../node_module/react-native-skeleton-placeholder

내 package.json, SkeletonPlaceholder.js 에 존재하는  @react-native-masked-view/masked-view -> @react-native-community/masked-view 으로 교체한 후에 실행

 

 

반응형