From 8990fecb8bb4829d2aa6fec69cf8be9ee712a5c9 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Fri, 28 Apr 2017 18:53:25 +0530
Subject: [PATCH] Hide overflow on individual pages in tab view (#1271)

---
 .../src/views/TabView/TabView.js              | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/react-navigation/src/views/TabView/TabView.js b/packages/react-navigation/src/views/TabView/TabView.js
index c01ba03b..38d96fc6 100644
--- a/packages/react-navigation/src/views/TabView/TabView.js
+++ b/packages/react-navigation/src/views/TabView/TabView.js
@@ -1,7 +1,7 @@
 /* @flow */
 
 import React, { PureComponent } from 'react';
-import { StyleSheet } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { TabViewAnimated, TabViewPagerPan } from 'react-native-tab-view';
 import SceneView from '../SceneView';
 import withCachedChildNavigation from '../../withCachedChildNavigation';
@@ -62,11 +62,13 @@ class TabView extends PureComponent<void, Props, void> {
       route.routeName,
     );
     return (
-      <SceneView
-        screenProps={screenProps}
-        component={TabComponent}
-        navigation={childNavigation}
-      />
+      <View style={styles.page}>
+        <SceneView
+          screenProps={screenProps}
+          component={TabComponent}
+          navigation={childNavigation}
+        />
+      </View>
     );
   };
 
@@ -180,12 +182,15 @@ class TabView extends PureComponent<void, Props, void> {
   }
 }
 
-const TabViewEnhanced = withCachedChildNavigation(TabView);
-
-export default TabViewEnhanced;
+export default withCachedChildNavigation(TabView);
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
+
+  page: {
+    flex: 1,
+    overflow: 'hidden',
+  },
 });