warplyproject/AppNav.js at master · spyshower/warplyproject · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import React from 'react'

import { createStackNavigator, createSwitchNavigator, createMaterialTopTabNavigator, createAppContainer } from 'react-navigation';

import Welcome from './src/components/screens/Welcome'
import ListTab from './src/components/screens/ListTab'
import MapTab from './src/components/screens/MapTab'


const welcomeNavigator = createStackNavigator(
  {
    WelcomeScreen: {
      screen: Welcome,
      navigationOptions: {
        header: null,
      },
    },
  },
  {

  }
)

const tabNavigator = createMaterialTopTabNavigator(
  {
    TabOne: {
      screen: ListTab,
      navigationOptions: {
        tabBarLabel: 'List'
      }

    },
    TabTwo: {
      screen: MapTab,
      navigationOptions: {
        tabBarLabel: 'Map'
      }
    },
  },

  {
    tabBarOptions: {
      style: {
        paddingVertical: 4,
        backgroundColor: 'rgb(42,208,88)',
      },
      indicatorStyle: {
        height: 0
      },
    },
  }
)

const stackNavigator = createStackNavigator({
  first: {
    screen: tabNavigator,
    navigationOptions: {
      title: 'SuperCool app',
    }
  }
})

const Container = createSwitchNavigator(
  {
    Welcome: welcomeNavigator,
    Main: stackNavigator
  },
  {
    initialRouteName: 'Welcome',
  }
)


export default createAppContainer(Container)