final

Author: Infinite-Null

App.tsx

@@ -1,24 +1,31 @@
 
 import {createNativeStackNavigator} from "@react-navigation/native-stack";
-import {NavigationContainer} from "@react-navigation/native";
+import {createNavigationContainerRef, NavigationContainer} from "@react-navigation/native";
 import {HomePage} from "./Screens/HomePage";
 import ContextState from "./Context/ContextState";
 import {ChatPage} from "./Screens/ChatPage";
 import {MailPage} from "./Screens/MailPage";
 import {CodePage} from "./Screens/CodePage";
 import {ToastProvider} from "react-native-toast-notifications";
 import {HistoryChatPage} from "./Screens/HistoryChatPage";
+import {OnboardingScreen} from "./Screens/OnboardingScreen";
+import {useEffect, useState} from "react";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import {Initial} from "./Screens/Initial";
 
 
 function App(): JSX.Element {
-
   const Stack = createNativeStackNavigator()
-
-
   return (<ToastProvider>
       <ContextState>
-      <NavigationContainer>
-        <Stack.Navigator>
+      <NavigationContainer >
+        <Stack.Navigator initialRouteName={'Initial'}>
+          <Stack.Screen name={"Initial"} component={Initial} options={{
+            headerShown:false
+          }}/>
+          <Stack.Screen name={"Onboarding"} component={OnboardingScreen} options={{
+            headerShown:false
+          }}/>
           <Stack.Screen name={"HomePage"} component={HomePage} options={{
             headerShown:false
           }}/>

Assets/code.gif

@@ -0,0 +1,27 @@
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import {useContext, useEffect} from "react";
+import {View} from "react-native";
+import Context from "../Context/Context";
+
+export const Initial = ({navigation}) => {
+    const {Style1}=useContext(Context)
+    async function Get(){
+        const val=await AsyncStorage.getItem('On');
+        console.log(val)
+        if(val==='T'){
+            navigation.replace('HomePage')
+
+        }else{
+            navigation.replace('Onboarding')
+        }
+    }
+    useEffect(() => {
+        Get()
+    }, []);
+    return (
+        <View style={{
+            backgroundColor:"black",
+            flex:1
+        }}></View>
+    )
+}

Assets/logo.jpg

@@ -0,0 +1,55 @@
+import Onboarding from 'react-native-onboarding-swiper';
+import {Image} from "react-native";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+export const OnboardingScreen = ({navigation}) => {
+    return (
+        <Onboarding
+            skipToPage={3}
+            titleStyles={{
+                fontSize:30
+            }}
+            onDone={async ()=>{
+                await AsyncStorage.setItem('On', "T");
+                navigation.replace("HomePage")
+            }}
+            pages={[
+                {
+                    backgroundColor: '#045d8d',
+                    image: <Image source={require('../Assets/logo.jpg')} style={{
+                        height:200,
+                        width:200,
+                        borderRadius:10
+                    }}/>,
+                    title: 'Welcome to O2.Ai',
+                    subtitle: 'Your personal Ai assistant',
+                },
+                {
+                    backgroundColor: '#f1af85',
+                    image: <Image source={require('../Assets/mail.gif')} style={{
+                        height:200,
+                        width:200,
+                        borderRadius:1500
+                    }}/>,
+                    title: 'Mail Generation',
+                    subtitle: 'Generate professional mails with just one tap',
+                },
+                {
+                    backgroundColor: '#e9bcbe',
+                    image: <Image source={require('../Assets/code.gif')} style={{
+                        height:200,
+                        width:200,
+                        borderRadius:1500
+                    }}/>,
+                    title: 'Code Generation',
+                    subtitle: 'A professional coder at your finger tip.',
+                },
+                {
+                    backgroundColor: '#c1c1f1',
+                    title: 'Let\'s Go !',
+                    subtitle:""
+                },
+            ]}
+        />
+    )
+}

Assets/mail.gif

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>

Assets/preview.png

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>