그라데이션 = linear-gradient, ImageBackground

정태수·2024년 1월 16일
post-thumbnail

https://docs.expo.dev/versions/latest/sdk/linear-gradient/

공식문서에서 확인할 수 있듯이 expo 패키지를 이용해서도 이 패키지를 깔수 있다.

npm을 이용할수도 있지만 expo를 사용하면 내가 사용한 RN 에맞는 패키지를 깔아준다는 듯?

배경화면에 그라데이션을 넣고 싶었고

<LinearGradient colors={['#4e0329' ,'#ddb52f']} style={styles.rootScreen}>

View 컴포넌트에 대신에 패키지에서 import 한 LinearGradient 를 이용한다.

이미지를 적용했더니 그라데이션이 사라지느 불상사가 생겼다.

해결방법은 imageStyle
ImageBackground는 언더더후드 컴포넌트들의 조합이라 view와 image의 스타일들을 조합해준다.

profile
프론트엔드 개발자

0개의 댓글