SeniorDesign-MiniProject/App.js at main · BostonUniversitySeniorDesign/SeniorDesign-MiniProject · 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
116
117
118
119
120
121
122
123
124
125
126
import React, { useEffect, useState } from 'react';
import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack';
import {decode, encode} from 'base-64'
if (!global.btoa) {  global.btoa = encode }
if (!global.atob) { global.atob = decode }

import { Icon } from 'react-native-elements';

import HomeScreen from './screens/HomeScreen';
import Scan from './screens/camera';
import ResultsScreen from './screens/ResultsScreen';
import SavedScreen from './screens/SavedScreen';
import LoginScreen from './screens/LoginScreen';
import RegistrationScreen from './screens/RegistrationScreen';

const Tab = createBottomTabNavigator();
const Stack = createStackNavigator();

function HomeStack(){
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={HomeScreen} />
      <Stack.Screen name="Product Information" component={ResultsScreen} />
    </Stack.Navigator>
  );
}

function AccountStack(){
  return (
    <Stack.Navigator>
      <Stack.Screen name="Login Page" component={LoginScreen} />
      <Stack.Screen name="Registration" component={RegistrationScreen} />
    </Stack.Navigator>
  )
}

function ScanStack(){
  return (
    <Stack.Navigator>
      <Stack.Screen name="Scanner" component={Scan} />
    </Stack.Navigator>
  )
}

function SavedStack(){
  return(
    <Stack.Navigator>
      <Stack.Screen name="Saved Items" component={SavedScreen} />
    </Stack.Navigator>
  )
}

export default function App(){

  const [loading, setLoading] = useState(true)
  const [user, setUser] = useState(null)

  return (
    <NavigationContainer>
          <Tab.Navigator>
          <Tab.Screen name="Login" component={AccountStack} options={{tabBarLabel: "Login", tabBarIcon: () => <Icon name="login" type="SimpleLineIcons" /> }} />
          <Tab.Screen
            name="Main"
            component={HomeStack}
            options={{
              tabBarLabel: "Home",
              tabBarIcon: () => <Icon name="home" type="ionicons" />
          }} />
          <Tab.Screen
            name="Scan"
            component={ScanStack}
            options={{
              tabBarLabel: "Scanner",
              tabBarIcon: () => <Icon name="barcode" type="antdesign" />
          }}/>
          <Tab.Screen
            name="Saved"
            component={SavedStack}
            options={{
              tabBarLabel: "Saved",
              tabBarIcon: () => <Icon name="star" type="antdesign" />
          }}/>
          </Tab.Navigator>
    </NavigationContainer>
  );

  /*return (
    <NavigationContainer>
      <Stack.Navigator>
        { user ? (
          <Tab.Navigator>
          <Tab.Screen
            name="Home"
            component={HomeStack}
            options={{
              tabBarLabel: "Home",
              tabBarIcon: () => <Icon name="home" type="ionicons" />
          }} />
          <Tab.Screen
            name="Scan"
            component={Scan}
            options={{
              tabBarLabel: "Scanner",
              tabBarIcon: () => <Icon name="barcode" type="antdesign" />
          }}/>
          <Tab.Screen
            name="Saved"
            component={SavedStack}
            options={{
              tabBarLabel: "Saved",
              tabBarIcon: () => <Icon name="star" type="antdesign" />
          }}/>
          </Tab.Navigator>
        ) : (
          <>
            <Stack.Screen name="Login" component={LoginScreen} />
            <Stack.Screen name="Registration" component={RegistrationScreen} />
          </>
        )}
      </Stack.Navigator>
    </NavigationContainer>
  );*/
}