개발/React Native

React Native | 한 줄 팁 | 그림자 쉽게 넣는 방법

ENFP Jake 2023. 12. 21. 05:15
728x90
반응형

# React Native에서 그림자를 넣기 위해서는 아래와 같이 style에 그림자를 정의하는 파라미터들을 입력해야 원하는 그림자를 표현할 수 있습니다. 그런데 문제는 파라미터의 프리셋이 없다는 것입니다. 정말 간단하게 그림자를 표현하고 싶었을 뿐인데 적절한 값을 찾아 헤매는 것은 정말 비효율적입니다. 이럴 때는 아래의 페이지를 이용하시면 좋습니다.

 

React Native Shadow Generator

 

 

 

ethercreative.github.io

 

- 위의 링크로 이동 후에, 표현하고 싶은 깊이감을 슬라이더로 고르면, 우측에 이에 해당하는 파라미터가 자동으로 변경되므로 이 값을 복사해서 사용하시면 됩니다. 참고로 Android와 IOS에서의 표현 차이도 확인이 가능하니 참고하시면 좋을 것 같습니다.


728x90
반응형