App.js

// import React from 'react';
// import {
//   Button,
//   Platform,
//   ScrollView,
//   StyleSheet,
//   Text,
// } from 'react-native';
// import {
//   createDrawerNavigator,
//   createBottomTabNavigator,
// } from 'react-navigation';

// import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
// // import SampleText from './SampleText';

// const MyNavScreen = ({ navigation, banner }) => (
//   <ScrollView style={styles.container}>
//     {/* <SampleText>{banner}</SampleText> */}
//     <Button
//       onPress={() => navigation.navigate('DrawerOpen')}
//       title="Open drawer"
//     />
//     <Button
//       onPress={() => navigation.goBack(null)}
//       title="Go back"
//     />
//   </ScrollView>
// );

// const InboxScreen = ({ navigation }) => (
//   <MyNavScreen
//     banner={'Inbox Screen'}
//     navigation={navigation}
//   />
// );
// InboxScreen.navigationOptions = {
//   drawer: {
//     label: 'Inbox',
//     icon: ({ tintColor }) => (
//       <MaterialIcons
//         name="move-to-inbox"
//         size={24}
//         style={{ color: tintColor }}
//       />
//     ),
//   },
// };

// const DraftsScreen = ({ navigation }) => (
//   <MyNavScreen
//     banner={'Drafts Screen'}
//     navigation={navigation}
//   />
// );


// DraftsScreen.navigationOptions = {
//   drawer: {
//     label: 'Drafts',
//     icon: ({ tintColor }) => (
//       <MaterialIcons
//         name="drafts"
//         size={24}
//         style={{ color: tintColor }}
//       />
//     ),
//   },
// };

// const StacksNavScreen = ({ navigation, banner, routeToGo }) => (
//   <ScrollView style={styles.container}>
//     {/* <SampleText>{banner}</SampleText> */}
//     <Button
//       onPress={() => navigation.navigate('DrawerOpen')}
//       title="Open drawer"
//     />
//     <Button
//       onPress={() => navigation.navigate(routeToGo)}
//       title={`Go to ${routeToGo} Screen`}
//     />
//     <Button
//       onPress={() => navigation.goBack(null)}
//       title="Go back"
//     />
//   </ScrollView>
// );

// const SettingsScreen = ({ navigation }) => (
//   <StacksNavScreen
//     banner="Settings Screen"
//     routeToGo="Profile"
//     navigation={navigation}
//   />
// );
// SettingsScreen.navigationOptions = {
//   title: 'Settings screen nav title',
//   drawer: {
//     icon: ({ tintColor }) => (
//       <MaterialIcons
//         name="map"
//         size={24}
//         style={{ color: tintColor }}
//       />
//     ),
//   }

// };
// const ProfileScreen = ({ navigation }) => (
//   <StacksNavScreen
//     banner="Profile Screen"
//     routeToGo="Settings"
//     navigation={navigation}
//   />
// );

// ProfileScreen.navigationOptions = {
//   title: 'Profile screen nav title'
// };

// const TabsScreen = createBottomTabNavigator({
//   Settings: {
//     screen: SettingsScreen
//   },
//   Profile: {
//     screen: ProfileScreen
//   }
// });

// TabsScreen.navigationOptions = {
//   title: 'Stacks Screen'
// };

// const DrawerExample = createDrawerNavigator({
//   Inbox: {
//     path: '/',
//     screen: InboxScreen,
//   },
//   Drafts: {
//     path: '/sent',
//     screen: DraftsScreen,
//   },
//   Stacks: {
//     path: '/stacks',
//     screen: TabsScreen
//   }
// }, {
//     initialRouteName: 'Drafts',
//     contentOptions: {
//       activeTintColor: '#e91e63',
//     },
//   });

// const styles = StyleSheet.create({
//   container: {
//     marginTop: Platform.OS === 'ios' ? 20 : 0,
//   },
// });

// export default DrawerExample;