[React-native] 플랫폼별 특정 컴포넌트

특정 플랫폼별 규칙

• 하나만 사용한다면 이런식으로 운영체제 명을 뒤에 붙인다

파일 확장자로 플랫폼 선택하기 (naming convention)

• 플랫폼별로 구현한 파일을 두개를 만들고 동일한 폴더에 넣는다

Name.ios.js Name.android.js 파일

  import Name from './Name'

Platform 모듈 사용

• 플랫폼 구분을 위한 모듈 사용

import {Platform, StyleSheet} from 'react-native'
console.log(Platform.OS === 'ios')
console.log(Platform.Version)
...
const styles = StyleSheet.create({
  color: Platform.OS === 'ios'? '#ddd' : '#ccc'
})