"@react-navigation/bottom-tabs": "^7.8.6",
"@react-navigation/native": "^7.1.21",
"@react-navigation/native-stack": "^7.8.0",

const Stack = createNativeStackNavigator<StackProps>();

(...)

const setStateChange = (state: Readonly<NavigationState> | undefined) => {
	console.log('onStateChange', state);
};

<NavigationContainer
	ref={navigationRef}
	onReady={setInitialScreen}
	onStateChange={setStateChange}
>
	<Stack.Navigator
		screenOptions={{ headerShown: false }}
	>
		<Stack.Screen
			name='Tabs'
			component={Tabs}
		/>
		<Stack.Screen
			name='Product'
			component={Product}
		/>
	</Stack.Navigator>
</NavigationContainer>

const tabBar = (tabProps: BottomTabBarProps) => {
	return <TabBar />;
};

const Tabs = () => {
	const Tab = createBottomTabNavigator<TabScreen>();

	return (
		<Tab.Navigator
			screenOptions={{
				headerShown: false,
			}}
			tabBar={tabBar}
			backBehavior='fullHistory'
		>
			<Tab.Screen
				name='Home'
				component={Home}
				initialParams={{ param_one: 'Test Hello' }}
			/>
			<Tab.Screen
				name='Group'
				component={Group}
			/>
		</Tab.Navigator>
	);
};

(...)
<TouchableOpacity
	style={styles.button}
	onPress={() =>
		navigation.navigate('Tabs', {
			screen: 'Group',
			params: {
				param: 'param',
			},
		})
	}
>
(...)