hive/App.js at master · kenmaca/hive · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
import React from 'react';
import {
  StyleSheet, Text, View
} from 'react-native';
import {
  Router, Scene, Actions, Stack, Overlay, Modal
} from 'react-native-router-flux';
import CardStackStyleInterpolator from 'react-navigation/src/views/CardStack/CardStackStyleInterpolator';
import {
  Colors, Sizes
} from './src/Const';

// views
import Loader from './src/views/Loader';
import OnboardingIntro from './src/views/onboarding/Intro';
import Main from './src/views/Main';
import Product from './src/views/Product';
import SignupForm from './src/views/SignupForm';
import AddressForm from './src/views/AddressForm';
import TrackingList from './src/views/tracking/TrackingList';
import BrowseList from './src/views/browse/List';
import CompanyInfo from './src/views/browse/Info';
import SurveyForm from './src/views/SurveyForm';
import Scanner from './src/views/obtain/Scanner';
import Setting from './src/views/Setting';

export default class App extends React.Component {
  render() {
    return (
      <Router getSceneStyle={() => ({
        backgroundColor: Colors.MenuBackground,
        shadowOpacity: 1,
        shadowRadius: 3})}>
        <Modal hideNavBar
         transitionConfig={() => ({screenInterpolator: CardStackStyleInterpolator.forFadeFromBottomAndroid})}>
          <Stack
            hideNavBar
            key='root'>
            <Scene
              initial
              key='loader'
              component={Loader} />
            <Scene
              key='onboardingIntro'
              component={OnboardingIntro} />
            <Scene
              key='main'
              component={Main} />
            <Scene
              key='product'
              component={Product} />
            <Scene
              key='signupForm'
              component={SignupForm} />
            <Scene
              key='addressForm'
              component={AddressForm} />
            <Scene
              key='trackingList'
              component={TrackingList} />
            <Scene
              key='browseList'
              component={BrowseList} />
            <Scene
              key='companyInfo'
              component={CompanyInfo} />
            <Scene
              key='surveyForm'
              component={SurveyForm} />
            <Scene
              key='scanner'
              component={Scanner} />
            <Scene
              key='setting'
              component={Setting} />
          </Stack>
        </Modal>
      </Router>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.Background
  },
});