noted/App.js at master · geooot/noted · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import React from 'react';

import {
  createStackNavigator,
  createAppContainer,
  createDrawerNavigator
} from 'react-navigation';
import Home from './src/pages/Home';
import Settings from './src/pages/Settings';
import ImageDetail from './src/pages/ImageDetail';
import { AntDesign } from '@expo/vector-icons';

// Router for any home based sub pages
const homeStackNavigation = createStackNavigator({
  Root: Home,
  ImageDetail: ImageDetail
},
{
  initialRouteName: 'Root'
});

// Home stack drawer navigation options
homeStackNavigation.navigationOptions = {
  title: 'Home',
  drawerIcon: ({ focused }) => (
    <AntDesign name="home" size={24} color={focused ? 'blue' : 'black'} />
  )
};

// Router for any home based sub pages
const settingsStackNavigation = createStackNavigator({
  Root: Settings
},
{
  initialRouteName: 'Root'
});

// Settings stack drawer navigation options
settingsStackNavigation.navigationOptions = {
  title: 'Settings',
  drawerIcon: ({ focused }) => (
    <AntDesign name="setting" size={24} color={focused ? 'blue' : 'black'} />
  )
};

// Router for Home and Settings Pages
const sideDrawerNavigator = createDrawerNavigator({
  Home: homeStackNavigation,
  Settings: settingsStackNavigation
},
{
  drawerType: "front",
  drawerPosition: "left"
})

export default createAppContainer(sideDrawerNavigator);