How do you pass parameters between screens in React Navigation?

Use the navigate function with parameters and access them via the route prop:

// Passing parameters
const HomeScreen = ({navigation}) => {
  const navigateToProfile = () => {
    navigation.navigate('Profile', {
      userId: 123,
      userName: 'John Doe'
    });
  };

  return (
    <TouchableOpacity onPress={navigateToProfile}>
      <Text>Go to Profile</Text>
    </TouchableOpacity>
  );
};

// Receiving parameters
const ProfileScreen = ({route}) => {
  const {userId, userName} = route.params;
  
  return (
    <View>
      <Text>User ID: {userId}</Text>
      <Text>Name: {userName}</Text>
    </View>
  );
};