[React Native] 그림자 효과 주기 (Box Shadow, dropshadow)

 

 

원래 찾았던 코드들은 진짜 너무 못생겨서

내 화를 돋궜다...

후...

못 생겼어 ㅡㅡ

(못생긴 코드는 접어두겠다...)

shadowColor: "#000",
shadowOffset: {
	width: 0,
	height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 3.84,

elevation: 5,

 

Box Shadow Generator라는게 있는데

거기서 받아 온 건 박스 내부까지 침투ㅠㅠ

InnerShadow처럼 들어와서 내가 원한게 아니었고

다시 구글링을 하다 찾은 빛과 같은 코드!!

 

{
  shadowColor: 'black',
  shadowOpacity: 0.26,
  shadowOffset: { width: 0, height: 2},
  shadowRadius: 10,
  elevation: 3,
  backgroundColor: 'white'
}

고마운 분 StackOverflow

 

이걸 조절했더니

이렇게 예쁘게 완성~!