React-Native Expo 꺼지는 문제

nevermind·2022년 12월 26일
0

Expo 를 켜서 큐알코드를 찍으면 꺼지는 문제 발생

  • 핸드폰과 컴퓨터의 와이파이 동일한지 확인 (동일함)
  • 앱 삭제하고 캐시 삭제 다시 설치 (ㅇ)


위와 같이 작성시 '300px'의 ''를 지우면 너비와 높이는 바뀌지만 핸드폰에 잘 뜬다

  • ‘px’, ‘em’ 등의 단위 사용
    RN에서는 fontSize: 30, margin: 10와같이 ‘px’, ‘em’ 등의 단위를 생략한다. 적용되는 단위는 iOS에서는 논리 픽셀, 안드로이드 환경에서는 iOS의 논리 pt와 유사한 DIP(DP)라고 한다

정리해보자면, css처럼 '300px'로 사용시 기본 설정 값보다 더 크게 받아들이기 때문에 핸드폰의 램이 이미지 파일을 다 잡아먹는 문제가 발생하여 강제로 다운된다.
그래서 flex:1 이거나 width:100, 이거나 width:'100%' 이렇게 RN에 맞게 작성하면 잘 뜬다


출처: https://wit.nts-corp.com/2020/03/23/6014

profile
winwin

0개의 댓글