Initial commit

App.tsx

@@ -0,0 +1,77 @@
+import React from 'react';
+import {StatusBar} from 'react-native';
+import {SafeAreaProvider} from 'react-native-safe-area-context';
+import {PaperProvider} from 'react-native-paper';
+import {NavigationContainer, DefaultTheme} from '@react-navigation/native';
+import {createNativeStackNavigator} from '@react-navigation/native-stack';
+
+import {DTTheme, DTColors} from './src/theme';
+import {HomeScreen, ScanScreen, ResultScreen} from './src/screens';
+import type {RootStackParamList} from './src/types/navigation';
+
+const Stack = createNativeStackNavigator<RootStackParamList>();
+
+const NavigationTheme = {
+  ...DefaultTheme,
+  dark: true,
+  colors: {
+    ...DefaultTheme.colors,
+    primary: DTColors.modeNormal,
+    background: DTColors.dark,
+    card: DTColors.dark,
+    text: DTColors.light,
+    border: DTColors.modeNormal,
+    notification: DTColors.modeEmphasis,
+  },
+};
+
+function App() {
+  return (
+    <SafeAreaProvider>
+      <PaperProvider theme={DTTheme}>
+        <StatusBar barStyle="light-content" backgroundColor={DTColors.dark} />
+        <NavigationContainer theme={NavigationTheme}>
+          <Stack.Navigator
+            initialRouteName="Home"
+            screenOptions={{
+              headerStyle: {
+                backgroundColor: DTColors.dark,
+              },
+              headerTintColor: DTColors.modeNormal,
+              headerTitleStyle: {
+                fontWeight: '600',
+              },
+              contentStyle: {
+                backgroundColor: DTColors.dark,
+              },
+              animation: 'slide_from_right',
+            }}>
+            <Stack.Screen
+              name="Home"
+              component={HomeScreen}
+              options={{headerShown: false}}
+            />
+            <Stack.Screen
+              name="Scan"
+              component={ScanScreen}
+              options={{
+                title: 'SCAN',
+                headerBackTitle: 'Back',
+              }}
+            />
+            <Stack.Screen
+              name="Result"
+              component={ResultScreen}
+              options={{
+                title: 'RESULT',
+                headerBackTitle: 'Scan',
+              }}
+            />
+          </Stack.Navigator>
+        </NavigationContainer>
+      </PaperProvider>
+    </SafeAreaProvider>
+  );
+}
+
+export default App;