Use getStatusBarHeight

Author: brentvatne

src/Header.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Animated, Dimensions, Platform, StatusBar, StyleSheet, View } from 'react-native';
 import { withNavigation, HeaderBackButton } from 'react-navigation';
+import { getStatusBarHeight } from 'react-native-safe-area-view';
 import { isIphoneX } from 'react-native-iphone-x-helper'
 
 // @todo: make this work properly when in landscape
@@ -11,8 +12,10 @@ const TITLE_OFFSET = Platform.OS === 'ios' ? 70 : 56;
 
 // @todo: this is static and we don't know if it's visible or not on iOS.
 // need to use a more reliable and cross-platform API when one exists, like
-// LayoutContext.
-const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? (hasNotch ? 40 : 25) : StatusBar.currentHeight;
+// LayoutContext. We also don't know if it's translucent or not on Android
+// and depend on react-native-safe-area-view to tell us.
+const ANDROID_STATUS_BAR_HEIGHT = getStatusBarHeight ? getStatusBarHeight() : StatusBar.currentHeight;
+const STATUSBAR_HEIGHT = Platform.OS === 'ios' ? (hasNotch ? 40 : 25) : ANDROID_STATUS_BAR_HEIGHT;
 
 @withNavigation
 export default class Header extends React.PureComponent {