ocr-app/App.js at master · sinau-reactnative/ocr-app · 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
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import {StatusBar, StyleSheet, Dimensions} from 'react-native';
// import database from '@react-native-firebase/database';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';

import SplashScreen from './pages/Splash';
import SignUp from './pages/SignUp';
import SignIn from './pages/SignIn';
import Home from './pages/Home';
import Result from './pages/Result';
import HomeWali from './pages/HomeWali';

const DEVICE = Dimensions.get('window');
const Stack = createNativeStackNavigator();

const App = () => {
  // const reference = database().ref('/apel');
  // const handleChangePage = from => {
  //   setSrc(from);
  //   setMenu('about');
  // };

  // const handlePress = () => {
  //   if (!isEditMode) {
  //     reference.update({
  //       inputApelBagus: data.inputApelBagus,
  //       inputApelBiasa: data.inputApelBiasa,
  //     });
  //   }

  //   setIsEditMode(!isEditMode);
  // };

  // const handleChangeInput = (name, value) => {
  //   setData({...data, [name]: value});
  // };

  // const handleStart = () => {
  //   reference.update({start: data.start === 1 ? 0 : 1});
  // };

  // const handleReset = () => {
  //   reference.update({
  //     inputApelBagus: 0,
  //     inputApelBiasa: 0,
  //     resultApelBagus: 0,
  //     resultApelBiasa: 0,
  //     start: 0,
  //   });
  // };

  return (
    <>
      <StatusBar backgroundColor={'#004170'} barStyle="light-content" />
      <NavigationContainer>
        <Stack.Navigator
          screenOptions={{headerShown: false}}
          initialRouteName="Splash">
          <Stack.Screen name="Splash" component={SplashScreen} />
          <Stack.Screen name="SignUp" component={SignUp} />
          <Stack.Screen name="SignIn" component={SignIn} />
          <Stack.Screen
            options={{gestureEnabled: false}}
            name="Home"
            component={Home}
          />
          <Stack.Screen
            options={{headerShown: true}}
            name="Result"
            component={Result}
          />
          <Stack.Screen name="HomeWali" component={HomeWali} />
        </Stack.Navigator>
      </NavigationContainer>
    </>
  );
};

const styles = StyleSheet.create({
  container: {
    display: 'flex',
    width: DEVICE.width,
    height: DEVICE.height,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#f7f7f7',
    padding: 30,
  },
});

export default App;