Merge pull request #7 from leonyjiang/tma58-react-navigation-setup

[TMA-58] Cleanup file structure & add react-navigation

1 files changed, 27 insertions, 0 deletions

diff --git a/src/screens/Login.tsx b/src/screens/Login.tsx
new file mode 100644
index 00000000..0305b907
--- /dev/null
+++ b/src/screens/Login.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import {RouteProp} from '@react-navigation/native';
+import {StackNavigationProp} from '@react-navigation/stack';
+import {View, Text, Button} from 'react-native';
+
+import {RootStackParams} from '../routes';
+
+type LoginScreenRouteProp = RouteProp<RootStackParams, 'Login'>;
+type LoginScreenNavigationProp = StackNavigationProp<RootStackParams, 'Login'>;
+
+interface LoginProps {
+  route: LoginScreenRouteProp;
+  navigation: LoginScreenNavigationProp;
+}
+const Login = ({navigation}: LoginProps) => {
+  return (
+    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+      <Text style={{fontSize: 18}}>Welcome to Tagg! Login page goes here.</Text>
+      <Button
+        title="Register"
+        onPress={() => navigation.navigate('Registration')}
+      />
+    </View>
+  );
+};
+
+export default Login;