Navigation.tsx

import React from 'react';
import { DarkTheme, DefaultTheme, NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import HomeScreen from './Screens/HomeScreen';
import WeatherScreen from './Screens/WeatherScreen';
import { RootStackParamList } from './Types/Types';
import { useColorScheme } from 'react-native';

const Stack = createNativeStackNavigator<RootStackParamList>();

const AppNavigator = () => {

  const theme = useColorScheme();
  const isdarktheme = theme === 'dark';

  return (
    <NavigationContainer theme={isdarktheme ? DarkTheme : DefaultTheme}>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen
          name="Home"
          component={HomeScreen}
          options={{ headerShown: false }}
        />
        <Stack.Screen
          name="Weather"
          component={WeatherScreen}
          options={{ title: 'Weather' }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default AppNavigator;