From 98bfa72a6fb2a816d91e56ceaf0f94849a97acaa Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Tue, 16 Jan 2018 11:12:06 -0800
Subject: [PATCH] Revert adding SafeAreaView to TabBarTop

---
 .../src/views/TabView/TabBarTop.js                | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/react-navigation/src/views/TabView/TabBarTop.js b/packages/react-navigation/src/views/TabView/TabBarTop.js
index 7d5e8b67..34465f1f 100644
--- a/packages/react-navigation/src/views/TabView/TabBarTop.js
+++ b/packages/react-navigation/src/views/TabView/TabBarTop.js
@@ -4,7 +4,6 @@ import * as React from 'react';
 import { Animated, StyleSheet } from 'react-native';
 import { TabBar } from 'react-native-tab-view';
 import TabBarIcon from './TabBarIcon';
-import SafeAreaView from '../SafeAreaView';
 
 import type {
   NavigationAction,
@@ -84,16 +83,12 @@ export default class TabBarTop extends React.PureComponent<Props> {
     const label = this.props.getLabel({ ...scene, tintColor });
     if (typeof label === 'string') {
       return (
-        <SafeAreaView
-          forceInset={{ top: tabBarPosition === 'top' ? 'always' : 'never' }}
+        <Animated.Text
+          style={[styles.label, { color }, labelStyle]}
+          allowFontScaling={allowFontScaling}
         >
-          <Animated.Text
-            style={[styles.label, { color }, labelStyle]}
-            allowFontScaling={allowFontScaling}
-          >
-            {upperCaseLabel ? label.toUpperCase() : label}
-          </Animated.Text>
-        </SafeAreaView>
+          {upperCaseLabel ? label.toUpperCase() : label}
+        </Animated.Text>
       );
     }
     if (typeof label === 'function') {