[ReactNative] iOS, Android 구분하기 (Platform)

ReactNative로 개발을 하다보면 특히 화면을 구성할 때 iOS, Android를 구분해서 다르게 구성하는 경우도 있습니다.

이럴 때 iOS인지 Android인지 구분하는 방법을 알아보겠습니다.

import React from 'react';
import {Platform, SafeAreaView, StyleSheet} from 'react-native';

const App = {
	return (
    	<>
        	<SafeAreaView style={styles.container}>
            </SafeAreaView>
        </>
    );
}

const styles = StyleSheet.create({
	container: {
    	flex: 1,
        padding: Platform.select({ios: 10, android: 20})
    }
});

export default App;

Platform을 사용하면 운영체제별 다른 값으로 설정하여 운영체제에 따라서 다르게 표시되거나 혹은 이상하게 등등의 현상을 해결할 수 있습니다.