plateReg/App.js at master · bilobom/plateReg · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import React from 'react'
import store , {persistor}from './redux/store'
import Spinner from 'react-native-spinkit'
import  {View, StyleSheet, StatusBar,Image} from 'react-native'
import {Provider} from 'react-redux'
import { createStackNavigator,createSwitchNavigator, createAppContainer } from "react-navigation";
import walkthrough from './screens/walkthrough'
import qrScanner from './screens/qrScanner'
import first from './screens/phoneAuth/first'
import second from './screens/phoneAuth/second'
import myreg from './screens/registration'
import intro from './screens/intro'
import licensePlateInfo from './screens/licensePlateInfo'
import addPlate from './screens/addPlate'
import login from './screens/auth/login'
import signup from './screens/auth/signup'
import modelPicker from './screens/modelPicker'
import ocr from './screens/ocr/textDetector'
import { PersistGate } from 'redux-persist/integration/react'

const auth= createStackNavigator({
  login:login,
  signup:signup,

},
 {
   initialRouteName:'login'
  }
)
const phoneAuth=createStackNavigator({
  first:first,
  second:second,
},
{
  initialRouteName:'first'
 }
)

const AuthStack=createSwitchNavigator({
  phoneAuth : phoneAuth,
  auth: auth,
},
{
  initialRouteName:'auth'
})

const AppStack = createStackNavigator(
  {
    qrScanner: qrScanner,
    myreg:  myreg,
    licensePlateInfo: licensePlateInfo,
    modelPicker:modelPicker,
    addPlate: addPlate,

  },
  {
    initialRouteName: "myreg"

  }
);

const AppContainer = createAppContainer(createSwitchNavigator({
  AppStack:AppStack,
  AuthStack:AuthStack,
  intro : intro,
  walkthrough: walkthrough,
  ocr:ocr,


},
  {
    initialRouteName: 'ocr',
  }
));

export default class App extends React.Component{
  render(){
    return(
        <Provider store={store}>
          <PersistGate loading={<Loading />} persistor={persistor}>
          <AppContainer />
          </PersistGate>
        </Provider>
      )
  }
}

const Loading= ()=>(
  <View style={styles.container} >
    <StatusBar
    translucent={true}
    backgroundColor={'rgba(52, 52, 52, 0.3)'} />
    <Image style={styles.logo} source={logo} />
    <Spinner style={styles.spinner} isVisible={true} size={100} type={'9CubeGrid'} color={'white'}/>
  </View>
)

const logo= require('./screens/assets/sofcleflien.png')
const styles= StyleSheet.create({
container: {
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center',
   backgroundColor: '#A5000D',
},
logo:{
  width: 400,
  height: 200
},
spinner: {

}
})