diff --git a/examples/NavigationPlayground/js/App.js b/examples/NavigationPlayground/js/App.js index 82fc2d4..c5cb31b 100644 --- a/examples/NavigationPlayground/js/App.js +++ b/examples/NavigationPlayground/js/App.js @@ -15,6 +15,7 @@ import { StackNavigator } from 'react-navigation'; import Banner from './Banner'; import CustomTabs from './CustomTabs'; import Drawer from './Drawer'; +import TabsInDrawer from './TabsInDrawer'; import ModalStack from './ModalStack'; import StacksInTabs from './StacksInTabs'; import StacksOverTabs from './StacksOverTabs'; @@ -37,6 +38,11 @@ const ExampleRoutes = { description: 'Android-style drawer navigation', screen: Drawer, }, + TabsInDrawer: { + name: 'Drawer + Tabs Example', + description: 'A drawer combined with tabs', + screen: TabsInDrawer, + }, CustomTabs: { name: 'Custom Tabs', description: 'Custom tabs with tab router', diff --git a/examples/NavigationPlayground/js/TabsInDrawer.js b/examples/NavigationPlayground/js/TabsInDrawer.js new file mode 100644 index 0000000..eb8c7eb --- /dev/null +++ b/examples/NavigationPlayground/js/TabsInDrawer.js @@ -0,0 +1,59 @@ +/** + * @flow + */ + +import React from 'react'; +import { + Button, + Platform, + ScrollView, + StyleSheet, +} from 'react-native'; +import { + TabNavigator, + DrawerNavigator, +} from 'react-navigation'; +import MaterialIcons from 'react-native-vector-icons/MaterialIcons'; +import SimpleTabs from './SimpleTabs'; +import StacksOverTabs from './StacksOverTabs'; + +const TabsInDrawer = DrawerNavigator({ + SimpleTabs: { + screen: SimpleTabs, + navigationOptions: { + drawer: () => ({ + label: 'Simple Tabs', + icon: ({ tintColor }) => ( + + ), + }), + }, + }, + StacksOverTabs: { + screen: StacksOverTabs, + navigationOptions: { + drawer: () => ({ + label: 'Stacks Over Tabs', + icon: ({ tintColor }) => ( + + ), + }), + }, + }, +}); + +const styles = StyleSheet.create({ + container: { + marginTop: Platform.OS === 'ios' ? 20 : 0, + }, +}); + +export default TabsInDrawer;