React Native: iOS, Android 스타일링 차이점

해담·2024년 2월 16일

ReactNative

목록 보기
9/21
  • React Native는 대부분 모든 플랫폼에서 동일하게 보이지만, 간혹 iOS와 Android에서 다르게 보이는 경우가 있어 코드 수정이 불가피할 때가 있음
    • ex. React Native는 Text 컴포넌트를 해당하는 네이티브 위젯(UI 요소)로 전환하는데, iOS에서는 기본 네이티브 텍스트 출력 요소가 둥근 모서리 지원 X: Text 컴포넌트를 View 컴포넌트로 감싸 View에서 스타일링 적용
  • 연속적인 스타일 속성 적용이 없음: 부모 스타일이 자식 및 하위 요소에 그대로 이어지는 것이 CSS의 핵심 특성이나, React Native는 이런 접근 방식이 없음 -> 부모 요소가 아닌 스타일이 지원되는 요소에 스타일을 지정해야 함
  • 이러한 점들은 공식 문서에도 나와 있음~!
profile
해담이를먹여살리기위한..

0개의 댓글