TMA123: Add Profile Pictures UI (#17)

* rebasing

* rebasing

* remove debug code

* fixed margins and added navigation from login

* moved plist file into gitignore

* moved index.ts to onboarding directory

* install react native image crop picker

* added permissions into Info.plist

* rebasing

* minor changes for Justins PR

* change debug code back

Co-authored-by: meganhong <meganhong31@g.ucla.edu>

1 files changed, 28 insertions, 0 deletions

diff --git a/src/screens/onboarding/Camera.tsx b/src/screens/onboarding/Camera.tsx
new file mode 100644
index 00000000..23776e2d
--- /dev/null
+++ b/src/screens/onboarding/Camera.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import {RouteProp} from '@react-navigation/native';
+import {StackNavigationProp} from '@react-navigation/stack';
+import {RootStackParamList} from '../../routes';
+import {Background, CenteredView} from '../../components';
+import {Text} from 'react-native-animatable';
+
+type CameraScreenRouteProp = RouteProp<RootStackParamList, 'Camera'>;
+type CameraScreenNavigationProp = StackNavigationProp<
+  RootStackParamList,
+  'Camera'
+>;
+interface CameraProps {
+  route: CameraScreenRouteProp;
+  navigation: CameraScreenNavigationProp;
+}
+
+const Camera: React.FC<CameraProps> = ({}) => {
+  return (
+    <Background>
+      <CenteredView>
+        <Text>Camera!</Text>
+      </CenteredView>
+    </Background>
+  );
+};
+
+export default Camera;