React Native

[React Native] CLI 환경에서 linear-gradient 설치하기

도우 2024. 9. 7. 09:07
반응형

그라데이션 배경을 설정하기 위해 React Native에서 linear-gradient를 사용하려고 했다.

Andorid와 Web 두 가지 OS를 동시에 개발하는 상황에서 linear-gradient 패키지를 설치하니 버전 충돌이 발생했다.

그에 따라서 버전 충돌로 인한 현재 설치된 React 및 React DOM을 제거하고, 호환되는 버전을 설치하니 해결되었다.
방법은 아래와 같다.

 

1. 버전 충돌로 인한 현재 설치된 React 및 React DOM 제거

npm uninstall react react-dom

// 종속성 충돌로 제거가 불가능 할 경우 충돌 무시하고 제거
npm uninstall react react-dom --legacy-peer-deps

 

2. 호환되는 버전 설치

npm install react@18.2.0 react-dom@18.2.0

 

3. node_modules 폴더 삭제하고 패키지 다시 설치

rm -rf node_modules
npm install

 

4. gradient 설치

npm install react-native-linear-gradient
npm install react-native-web-linear-gradient

 

반응형