How do I use TypeScript with React Navigation?

How do I use TypeScript with React Navigation?

To use TypeScript with React Navigation, you need to define your navigation types and use them in your components.

Can you show me an example of defining navigation types?

Sure! You can create a type for your navigation parameters like this:

type RootStackParamList = {
  Home: undefined;
  Details: { itemId: number; otherParam?: string };
};

How do I apply these types in my components?

You can use the RouteProp and NavigationProp types from React Navigation to type your props in components.

What if I want to navigate to a screen with parameters?

You can use the navigation.navigate method and pass the parameters like this:

navigation.navigate('Details', { itemId: 42 });