2 files changed, 40 insertions, 0 deletions
diff --git a/src/screens/onboarding/Splash.tsx b/src/screens/onboarding/Splash.tsx
new file mode 100644
index 00000000..332b73b5
--- /dev/null
+++ b/src/screens/onboarding/Splash.tsx
@@ -0,0 +1,39 @@
+import React, {useEffect} from 'react';
+import {RouteProp} from '@react-navigation/native';
+import {StackNavigationProp} from '@react-navigation/stack';
+import {Background} from '../../components';
+import {Image, StyleSheet} from 'react-native';
+import {OnboardingStackParams} from '../../routes';
+
+type SplashScreenRouteProp = RouteProp<OnboardingStackParams, 'Login'>;
+type SplashScreenNavigationProp = StackNavigationProp<
+  OnboardingStackParams,
+  'Login'
+>;
+interface SplashProps {
+  route: SplashScreenRouteProp;
+  navigation: SplashScreenNavigationProp;
+}
+const Splash: React.FC<SplashProps> = ({navigation}) => {
+  useEffect(() => {
+    const timer = setTimeout(() => navigation.navigate('Login'), 1500);
+    return () => clearTimeout(timer);
+  }, [navigation]);
+  return (
+    <Background centered>
+      <Image
+        source={require('../../assets/images/logo.png')}
+        style={styles.logo}
+      />
+    </Background>
+  );
+};
+const styles = StyleSheet.create({
+  logo: {
+    width: 284,
+    height: 197,
+    marginBottom: 0,
+  },
+});
+
+export default Splash;
diff --git a/src/screens/onboarding/index.ts b/src/screens/onboarding/index.ts
index e6627ca7..094d1e7b 100644
--- a/src/screens/onboarding/index.ts
+++ b/src/screens/onboarding/index.ts
@@ -4,3 +4,4 @@ export {default as RegistrationTwo} from './RegistrationTwo';
 export {default as Verification} from './Verification';
 export {default as Checkpoint} from './Checkpoint';
 export {default as ProfileOnboarding} from './ProfileOnboarding';
+export {default as Splash} from './Splash';