iPhone X

constants.js

/*
 * Various constants used throughout the app.
 */

import {
  Dimensions,
  Platform
} from 'react-native'

const {
  width,
  height
} = Dimensions.get('window')

// Platform detection
export const IPHONE = Platform.OS === 'ios'
export const IPHONE_X = IPHONE && height === 812 && width === 375
export const ANDROID = !IPHONE

// Common components dimensions
export const NAVBAR_HEIGHT = (IPHONE) ? (IPHONE_X ? 97 : 64) : 70
export const HOME_INDICATOR = (IPHONE_X) ? 34 : 0
export const SEARCH_BAR_HEIGHT = 44