Can I pass route params to my page component?

[manbomb]

This is my code:

import React, { useContext, useEffect } from 'react';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
import { View } from 'react-native-animatable';
import { Dimensions } from 'react-native';
import DispsContext from '../../../contexts/DispsContext';
import Room from './room';
import { COLORS } from '../../../../assets/colors';

const Tab = createMaterialTopTabNavigator();

export default (props) => {

  const { disps, comodos, reload } = useContext(DispsContext);
  const displayComodos = comodos.map((el) => el.name);
  const dispsWithoutComodo = disps.filter((el) => !el.room_id);

  if (dispsWithoutComodo.length > 0 || displayComodos.length === 0) {
    displayComodos.push('Casa');
  }

  useEffect(() => {
    reload();
  }, []);

  return (
    <>
      <View style={{ width: Dimensions.get('screen').width, height: 30, backgroundColor: COLORS.black }} />
      <Tab.Navigator
        tabBarOptions={{
          activeTintColor: COLORS.bluePrimary,
          inactiveTintColor: COLORS.white,
          style: { backgroundColor: COLORS.black },
          indicatorStyle: {
            backgroundColor: 'transparent'
          }
        }}
      >
        {displayComodos.map((name) => <Tab.Screen name={name} options={{ tabBarLabel: name }} component={Room} />)}
      </Tab.Navigator>
    </>
  );
};

I need to pass to Room component an object, like route.params, can I do this?

[github-actions[bot]]

Couldn't find version numbers for the following packages in the issue:

• react-native
• react-native-tab-view
• react-native-gesture-handler
• react-native-reanimated

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.