728x90
반응형
# React Native에서 그림자를 넣기 위해서는 아래와 같이 style에 그림자를 정의하는 파라미터들을 입력해야 원하는 그림자를 표현할 수 있습니다. 그런데 문제는 파라미터의 프리셋이 없다는 것입니다. 정말 간단하게 그림자를 표현하고 싶었을 뿐인데 적절한 값을 찾아 헤매는 것은 정말 비효율적입니다. 이럴 때는 아래의 페이지를 이용하시면 좋습니다.
React Native Shadow Generator
ethercreative.github.io
- 위의 링크로 이동 후에, 표현하고 싶은 깊이감을 슬라이더로 고르면, 우측에 이에 해당하는 파라미터가 자동으로 변경되므로 이 값을 복사해서 사용하시면 됩니다. 참고로 Android와 IOS에서의 표현 차이도 확인이 가능하니 참고하시면 좋을 것 같습니다.
![](https://t1.daumcdn.net/keditor/emoticon/friends1/large/017.gif)
728x90
반응형
'개발 > React Native' 카테고리의 다른 글
React Native | 한 줄 팁 | Android에서 폰트 확대를 막는 방법 (0) | 2023.12.12 |
---|---|
React Native | 클립보드 사용법 (0) | 2023.12.02 |
[React Native][한 줄 팁] 패키지, 앱 이름과 함께 프로젝트 생성하기 (0) | 2023.10.11 |
[React Native][라이브러리 소개] 깔끔하고 쉽게 구현하는 Toast (0) | 2023.09.28 |
[React Native][라이브러리 소개] 앱 리뷰 요청 기능 쉽게 구현하기 (0) | 2023.09.12 |