From 2fc09bf7282ad850401ea1d6e7ab2161cc2367e3 Mon Sep 17 00:00:00 2001
From: Kevin Cooper <cooperka92@gmail.com>
Date: Thu, 6 Apr 2017 12:25:38 -0400
Subject: [PATCH] [Playground] Add TabsInDrawer example (#930)

---
 .../examples/NavigationPlayground/js/App.js   |  6 ++
 .../NavigationPlayground/js/TabsInDrawer.js   | 59 +++++++++++++++++++
 2 files changed, 65 insertions(+)
 create mode 100644 packages/react-navigation/examples/NavigationPlayground/js/TabsInDrawer.js

diff --git a/packages/react-navigation/examples/NavigationPlayground/js/App.js b/packages/react-navigation/examples/NavigationPlayground/js/App.js
index 82fc2d47..c5cb31b1 100644
--- a/packages/react-navigation/examples/NavigationPlayground/js/App.js
+++ b/packages/react-navigation/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/packages/react-navigation/examples/NavigationPlayground/js/TabsInDrawer.js b/packages/react-navigation/examples/NavigationPlayground/js/TabsInDrawer.js
new file mode 100644
index 00000000..eb8c7eb3
--- /dev/null
+++ b/packages/react-navigation/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 }) => (
+          <MaterialIcons
+            name="filter-1"
+            size={24}
+            style={{ color: tintColor }}
+          />
+        ),
+      }),
+    },
+  },
+  StacksOverTabs: {
+    screen: StacksOverTabs,
+    navigationOptions: {
+      drawer: () => ({
+        label: 'Stacks Over Tabs',
+        icon: ({ tintColor }) => (
+          <MaterialIcons
+            name="filter-2"
+            size={24}
+            style={{ color: tintColor }}
+          />
+        ),
+      }),
+    },
+  },
+});
+
+const styles = StyleSheet.create({
+  container: {
+    marginTop: Platform.OS === 'ios' ? 20 : 0,
+  },
+});
+
+export default TabsInDrawer;