App.tsx

import * as React from "react";
import { SafeAreaView } from "react-native";
import { HomeScreen } from "./src/screens/Home";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { CategoriesScreen } from "./src/screens/Categories";
import { RootStackParamList } from "./src/foundation/types";
import { GoalsScreen } from "./src/screens/Goals";
import { ExpensesScreen } from "./src/screens/Expenses";
import { CategoryProvider } from "./src/context/CategoryContext";
import { ExpenseProvider } from "./src/context/ExpenseContext";

const Stack = createNativeStackNavigator<RootStackParamList>();

const AppNavigator = () => {
    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="Home" component={HomeScreen} />
                <Stack.Screen name="Category" component={CategoriesScreen} />
                <Stack.Screen name="Goals" component={GoalsScreen} />
                <Stack.Screen name="Expenses" component={ExpensesScreen} />
            </Stack.Navigator>
        </NavigationContainer>
    );
};

export default function App() {
    return (
        <SafeAreaView style={{ flex: 1 }}>
            <CategoryProvider>
                <ExpenseProvider>
                    <AppNavigator />
                </ExpenseProvider>
            </CategoryProvider>
        </SafeAreaView>
    );
}