status-im/react-navigation
2
0
Fork 0
mirror of https://github.com/status-im/react-navigation.git synced 2025-02-24 09:08:15 +00:00
Code Issues Projects Releases Wiki Activity

Hide overflow on individual pages in tab view (#1271)

Browse Source
This commit is contained in:
Satyajit Sahoo 2017-04-28 18:53:25 +05:30 committed by Mike Grabowski
parent b532f8cc19
commit b8dbbe964e
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/TabView/TabView.js
View File

@ -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',
},
});