{"size": 1238, "ext": "js", "max_stars_repo_path": "src/Main.js", "max_stars_repo_name": "joshuabrrs/Hub-App", "max_stars_repo_stars_event_min_datetime": "2020-03-16T17:16:08.000Z", "max_stars_repo_stars_event_max_datetime": "2020-03-16T17:16:10.000Z", "max_issues_repo_path": "src/Main.js", "max_issues_repo_name": "joshuabrrs/Hub-App", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Main.js", "max_forks_repo_name": "joshuabrrs/Hub-App", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 22.5090909091, "max_line_length": 74, "alphanum_fraction": 0.5751211632}
import React from 'react';
import { StyleSheet, Text, View, SafeAreaView,
         ScrollView, Dimensions, Image, Platform,
         StatusBar } from 'react-native';
import { Icon } from 'native-base';
import { createDrawerNavigator, DrawerItems } from 'react-navigation'

import HomeStackNav from './home/Home.js'
import RoomStackNav from './rooms/Rooms.js'

const {width} = Dimensions.get('window')

export default Main = createDrawerNavigator(
  {
    "Home Page": {
      screen: HomeStackNav,
      navigationOptions: {
        drawerIcon: ({tintColor}) => (
          <Icon name="home" style={{fontSize:24, color:tintColor }} />
        ),
        
      }
    },
    Rooms: {
      screen: RoomStackNav,
      navigationOptions: {
        drawerIcon: ({tintColor}) => (
          <Icon name="calendar" style={{fontSize:24, color:tintColor }} />
        ),
        header: {
          titleStyle: {
            alignSelf: 'center', 
          }
        }
      }
    }
  }, 
  {
    drawerWidth: width/2,
    contentOptions: {
      activeTintColor: 'orange'
    }
  }
)
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  
  }
 
});
