App.tsx

import React from "react";
import { theme } from "./theme";
import { NativeBaseProvider } from "native-base";
import { Landing } from "./screens/Landing";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { Dashboard } from "./screens/Dashboard";
import { SignIn } from "./screens/SignIn";
import { LangProvider } from "./context/lang";
import { BalanceProvider } from "./context/balance";

export type RootStackParamList = {
  Landing: undefined;
  Dashboard: undefined;
  SignIn: undefined;
};

const Stack = createNativeStackNavigator<RootStackParamList>();

const App = () => {
  return (
    <NativeBaseProvider theme={theme}>
      <LangProvider>
        <BalanceProvider>
          <NavigationContainer>
            {/*@ts-ignore*/}
            <Stack.Navigator
              screenOptions={{
                headerShown: false,
                animation: "default",
              }}
              initialRouteName="Landing"
            >
              <Stack.Screen name="Landing" component={Landing} />
              <Stack.Screen name="Dashboard" component={Dashboard} />
              <Stack.Screen name="SignIn" component={SignIn} />
            </Stack.Navigator>
          </NavigationContainer>
        </BalanceProvider>
      </LangProvider>
    </NativeBaseProvider>
  );
};

export default App;