Add device icons

Author: codeAbinash

App.tsx

@@ -78,6 +78,13 @@ const NO_ANIMATION: StackNavigationOptions = {
   cardStyleInterpolator: CardStyleInterpolators.forNoAnimation,
 }
 
+const SMOOTH_ANIMATION: StackNavigationOptions = {
+  cardStyleInterpolator: CardStyleInterpolators.forFadeFromCenter,
+  gestureEnabled: true,
+  gestureDirection: 'horizontal',
+  gestureResponseDistance: height,
+}
+
 export type RootStackParamList = {
   Home: undefined
   Location: undefined
@@ -158,7 +165,7 @@ function Navigation() {
         }}
       >
         <Stack.Screen name='Splash' component={Splash} options={NO_ANIMATION} />
-        <Stack.Screen name='Login' component={Login} options={GestureEnabled} />
+        <Stack.Screen name='Login' component={Login} options={SMOOTH_ANIMATION} />
         <Stack.Screen name='Signup' component={Signup} options={GestureEnabled} />
         <Stack.Screen name='Verify' component={Verify} options={GestureEnabled} />
         <Stack.Screen name='Home' component={Home} options={NO_ANIMATION} />

bun.lockb

@@ -33,6 +33,7 @@
     "nativewind": "^2.0.11",
     "react": "18.3.1",
     "react-native": "0.75.4",
+    "react-native-device-info": "^14.0.0",
     "react-native-geolocation-service": "^5.3.1",
     "react-native-gesture-handler": "^2.18.1",
     "react-native-linear-gradient": "^2.8.3",

package.json

@@ -124,3 +124,7 @@ export { default as MailSend02SolidIcon } from '@icons/mail-send-02-solid-rounde
 export { default as Login03SolidIcon } from '@icons/login-03-solid-rounded.svg'
 export { default as Cancel01SolidIcon } from '@icons/cancel-01-solid-rounded.svg'
 export { default as Tick01SolidIcon } from '@icons/tick-01-solid-rounded.svg'
+
+export { default as WindowsOldSolidIcon } from '@icons/windows-old-solid-rounded.svg'
+export { default as AppleSolidIcon } from '@icons/apple-solid-rounded.svg'
+export { default as ChromeSolidIcon } from '@icons/chrome-solid-rounded.svg'