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;