echo-android/App.js at master · Dddddz/echo-android · 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
114
115
import * as React from 'react';
import { View, Text, Image } from 'react-native';
import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { TouchableOpacity } from 'react-native-gesture-handler';

import SignIn from './src/pages/SignIn';
import SignUp from './src/pages/SignUp';
import Main from './src/pages/Main';
import Origin from './src/pages/Origin';
import Scan from './src/pages/Scan';
import apis from './src/apis';

const MyTheme = {
  ...DefaultTheme,
  colors: {
    ...DefaultTheme.colors,
    primary: '#3f51b5',
    backgroundColor: '#ffffff',
  },
};

const Stack = createStackNavigator();

function App() {
  const logo = () => (
    <View style={{ paddingHorizontal: 15, paddingVertical: 12 }}>
      <Image
        source={require('./src/assets/logo.png')}
        style={{ width: 118, height: 30 }} />
    </View>
  );
  return (
    <NavigationContainer theme={MyTheme}>
      <Stack.Navigator>
        <Stack.Screen
          name="Main"
          component={Main}
          options={({ navigation }) => ({
            headerStyle: {
              backgroundColor: '#3f51b5',
            },
            headerTitle: props => null,
            headerLeft: logo,
            headerRight: () => (
              <TouchableOpacity
                onPress={() => {
                  navigation.replace('SignIn');
                  apis.setStore({});
                }}
                style={{ paddingHorizontal: 15, paddingVertical: 12 }}>
                <Text style={{ color: '#ffffff' }}>安全退出</Text>
              </TouchableOpacity>
            ),
          })} />
        <Stack.Screen
          name="Origin"
          component={Origin}
          options={{
            headerStyle: {
              backgroundColor: '#3f51b5'
            },
            headerTintColor: '#ffffff',
            headerTitle: "设置",
          }} />
        <Stack.Screen
          name="SignIn"
          component={SignIn}
          options={({ navigation }) => ({
            headerStyle: {
              backgroundColor: '#3f51b5',
            },
            headerTitle: props => null,
            headerLeft: logo,
            headerRight: () => (
              <TouchableOpacity
                onPress={() => {
                  navigation.navigate('Origin');
                }}
                style={{ paddingHorizontal: 15, paddingVertical: 12 }}>
                <Text style={{ color: '#ffffff' }}>设置</Text>
              </TouchableOpacity>
            ),
          })} />
        <Stack.Screen
          name="SignUp"
          component={SignUp}
          options={({ navigation }) => ({
            headerStyle: {
              backgroundColor: '#3f51b5',
            },
            headerTitle: props => null,
            headerLeft: logo,
            headerRight: () => (
              <TouchableOpacity
                onPress={() => {
                  navigation.navigate('Origin');
                }}
                style={{ paddingHorizontal: 15, paddingVertical: 12 }}>
                <Text style={{ color: '#ffffff' }}>设置</Text>
              </TouchableOpacity>
            ),
          })} />
        <Stack.Screen
          name="Scan"
          component={Scan}
          options={() => ({
            header: () => null
          })} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;