[React-Native] 17. platform 구분하기

적자생존·2022년 11월 17일
0

React-Native

목록 보기
19/30

1. Platform 구분하기

리액트 네이티브에 제공하는 Platform으로 구분할 수 있다.

Platform은 앱 생명주기 동안 절대 변경되지 않기 때문에 따로 리로드시킬 필요가 없다.

2. 사용법

Platform.OS

를 사용하면 접속한 기기가 IOS인지 Android인지 알려준다.

또한

Platform.select({ios : 0, android : 3})

처럼 이용해서 ios, android별로 다른 스타일링을 줄 수 있다.

3. 파일로 구분하기

저런 코드 쓰기 싫으면 파일로 구분할 수 있다.

예를들어

title.js가 있다면

title.ios.js와 title.android.js로 만들어주고 각각 따로 스타일링을 해준다.

여기서 주의해야할 점은 경로명에 ios, android가 들어가면 안된다.

예시)
import Title from "../components/title.ios"
import Title from "../components/title"

profile
적는 자만이 생존한다.

0개의 댓글