How can I validate parameters in React Navigation with TypeScript?

How can I validate parameters in React Navigation with TypeScript?

You can use TypeScript's type system to define the expected parameters for your routes. This helps ensure that the parameters passed to your screens are of the correct type.

Can you show me an example of how to set this up?

Sure! First, define your route parameters like this:

type RootStackParamList = {
  Home: { userId: string };
  Profile: { userId: string; otherParam?: string };
};

Then, use these types in your navigation setup.

What if I want to make some parameters optional?

You can make parameters optional by adding a question mark after the parameter name, like this:

Profile: { userId: string; otherParam?: string };

How do I access these parameters in my component?

You can access the parameters using the route prop in your component. For example:

const { userId, otherParam } = route.params;