diff --git a/packages/stack/example/App.js b/packages/stack/example/App.js index e7c62057..d776cf4b 100644 --- a/packages/stack/example/App.js +++ b/packages/stack/example/App.js @@ -15,6 +15,7 @@ import ModalStack from './src/ModalStack'; import LifecycleInteraction from './src/LifecycleInteraction'; import GestureInteraction from './src/GestureInteraction'; import SwitchWithStacks from './src/SwitchWithStacks'; +import StackWithDrawer from './src/StackWithDrawer'; // Comment the following two lines to stop using react-native-screens import { useScreens } from 'react-native-screens'; @@ -48,6 +49,11 @@ const data = [ title: 'Switch with Stacks', routeName: 'SwitchWithStacks', }, + { + component: StackWithDrawer, + title: 'Stack with drawer inside', + routeName: 'StackWithDrawer', + }, ]; // Cache images diff --git a/packages/stack/example/package.json b/packages/stack/example/package.json index e7bb1e28..56b7b09e 100644 --- a/packages/stack/example/package.json +++ b/packages/stack/example/package.json @@ -17,7 +17,9 @@ "react": "16.3.1", "react-native": "~0.55.4", "react-native-paper": "2.0.0-alpha.4", - "react-native-screens": "^1.0.0-alpha.9" + "react-native-screens": "^1.0.0-alpha.9", + "react-navigation-drawer": "^1.0.0-alpha", + "react-navigation-tabs": "^1.0.0-alpha" }, "devDependencies": { "babel-plugin-module-resolver": "^3.0.0", diff --git a/packages/stack/example/src/StackWithDrawer.js b/packages/stack/example/src/StackWithDrawer.js new file mode 100644 index 00000000..26998086 --- /dev/null +++ b/packages/stack/example/src/StackWithDrawer.js @@ -0,0 +1,48 @@ +import React from 'react'; +import { Button, Text, View } from 'react-native'; +import { createStackNavigator } from 'react-navigation-stack'; +import { createDrawerNavigator } from 'react-navigation-drawer'; +import { createBottomTabNavigator } from 'react-navigation-tabs'; + +function Menu({ navigation }) { + return ( + +