728x90

react-native의 overflow에서 이슈가 발견되었다

(이미 있던걸지도)

 

ios / android 각 플랫폼별로 overflow가 다르게 적용되고있다

엄밀히 따지면 android에서는 overflow가 적용되지 않았다

 

어느 부분에서의 차이냐면, shadow가 들어갔을때이다.

두 진영에서 shadow는 다른 방식으로 주기때문에, 이곳에서부터 시작된 버그일것이라 생각된다

(ios - shadow, android - elevation)

 

결론적으로, 해결책은 간단하다.

플랫폼별로 overflow를 주거나 안주거나 하면된다.

 

shadow를 보여줌과 동시에 borderRadius를 먹이고 싶은 상황에

ios에서는 borderRadius와 shadow를 주면 되고 (overflow먹일시  shadow도 막힘),

android에서는   borderRadius, shadow, overflow를 적절히 배치해 주어야한다.

 

 

 


웹사이트 개발 / 홈페이지 제작 / android앱 개발 / ios 앱 개발 / server / client / aws / fullstack / buisness partner / 외주 / 용역

https://open.kakao.com/o/sNETgUJb

http://self-made.cloud

 

 

728x90
반응형

'개발, 코딩 > App - React Native' 카테고리의 다른 글

react-native 그라데이션 (linear-gradient)  (0) 2019.09.02
expo ios 빌드파일 업로드  (0) 2019.09.02
react-native list 성능 최적화  (0) 2019.08.28
expo - GCP token error  (0) 2019.08.13
expo, certificates 확인  (0) 2019.08.07