App.tsx

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { HomeScreen } from './screens/HomeScreen';
import { SearchResultsScreen } from './screens/SearchResultsScreen';
import { CategoryScreen } from './screens/CategoryScreen';
import { RootStackParamList } from './navigation/types';

const Stack = createNativeStackNavigator<RootStackParamList>();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen 
          name="Home" 
          component={HomeScreen} 
          options={{ title: 'Dictionary App' }}
        />
        <Stack.Screen 
          name="SearchResults" 
          component={SearchResultsScreen} 
          options={{ title: 'Search Results' }}
        />
        <Stack.Screen 
          name="Category" 
          component={CategoryScreen} 
          options={({ route }) => ({ title: route.params.category })}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}