React Native : Media query

styled.js

import {
  Platform,
  Dimensions
} from 'react-native'
import styled, {
  css
} from 'styled-components'

const PLATFORM = Platform.OS
const DEVICE_WIDTH = Dimensions.get('window').width;
const DEVICE_HEIGHT = Dimensions.get('window').height;
const MOBILE = DEVICE_WIDTH <= 414
const TABLET = DEVICE_WIDTH >= 415 && DEVICE_WIDTH <= 1024
const IPHONE_X = PLATFORM === 'ios' && DEVICE_WIDTH === 375 && DEVICE_HEIGHT === 812

export const Container = styled.View`
  padding: ${MOBILE ? '15px' : '30px'};
  margin-top: ${IPHONE_X ? '60px' : '0'};
`