v2.0.0: Major UI/UX redesign, onboarding improvements, profile personalization, notification enhancements, Play Store readiness

Author: KavinkumarAndroidDev

.expo-shared/README.md

@@ -0,0 +1,11 @@
+> Why do I have a folder named ".expo-shared" in my project?
+
+The ".expo-shared" folder is created when running commands that produce state that is intended to be shared with all developers on the project. For example, "npx expo-optimize".
+
+> What does the "assets.json" file contain?
+
+The "assets.json" file describes the assets that have been optimized through "expo-optimize" and do not need to be processed again.
+
+> Should I commit the ".expo-shared" folder?
+
+Yes, you should share the ".expo-shared" folder with your collaborators.

.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+  "0e9cfbd61538ec29fa33dccd1182f73ab35248aba443a291b11b3a1aac00b4f2": true,
+  "31b6e42b5e390ae2fadcebcfa909d3280ce967d8752ffe2f4f36cc51699eca77": true
+}

App.js

@@ -5,7 +5,7 @@ import { createStackNavigator } from '@react-navigation/stack';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { Provider as PaperProvider } from 'react-native-paper';
 import { BlurView } from 'expo-blur';
-import { Home, PlusCircle, List, BarChart2, Wallet } from 'lucide-react-native';
+import { Home, PlusCircle, List, BarChart2, Wallet, Settings } from 'lucide-react-native';
 import { useFonts, Inter_400Regular, Inter_600SemiBold, Inter_700Bold } from '@expo-google-fonts/inter';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { initDatabase } from './db/asyncStorageService';
@@ -17,6 +17,7 @@ import HistoryScreen from './screens/HistoryScreen';
 import InsightsScreen from './screens/InsightsScreen';
 import AccountsScreen from './screens/AccountsScreen';
 import EditTransactionScreen from './screens/EditTransactionScreen';
+import SettingsScreen from './screens/SettingsScreen';
 import 'react-native-gesture-handler';
 import useStore from './hooks/useStore';
 import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
@@ -53,6 +54,8 @@ function MainTabNavigator() {
               IconComponent = BarChart2;
             } else if (route.name === 'Accounts') {
               IconComponent = Wallet;
+            } else if (route.name === 'Settings') {
+              IconComponent = Settings;
             }
             return <IconComponent color={color} size={iconSize} strokeWidth={focused ? 2.4 : 2} />;
           },
@@ -208,6 +211,10 @@ export default function App() {
       setInitialRoute('Setup');
       setCurrentRoute('Setup');
     };
+    global.showMainScreen = () => {
+      setInitialRoute('Main');
+      setCurrentRoute('Main');
+    };
   }
 
   // Show loading screen only if fonts aren't loaded or app is initializing
@@ -237,7 +244,6 @@ export default function App() {
               <Stack.Screen 
                 name="Setup" 
                 component={SetupScreen}
-                initialParams={{ onSetupComplete: handleSetupComplete }}
               />
             ) : (
               <>
@@ -253,6 +259,13 @@ export default function App() {
                     headerShown: false,
                   }}
                 />
+                <Stack.Screen 
+                  name="Settings" 
+                  component={SettingsScreen}
+                  options={{
+                    headerShown: false,
+                  }}
+                />
               </>
             )}
           </Stack.Navigator>