我想从一个内部屏幕导航到底部标签导航的第三个标签。下面是我的堆栈导航器：

<Navigator
  screenOptions={{
    headerShown: false,
    animationEnabled: true,
    orientation: 'portrait',
  }}>
  <Screen name="BottomTabs" component={BottomTabs} />
  <Screen
    name="CreateWorkout"
    component={CreateWorkout}
    options={horizontalAnimation}
  />
  <Screen
    name="NewWorkout"
    component={NewWorkout}
    options={horizontalAnimation}
  />
  <Screen
    name="StartWorkout"
    component={StartWorkout}
    options={horizontalAnimation}
  />
</Navigator>

下面是我的底部选项卡导航器：

const BottomTabs = () => {
return (
<Stack.Navigator screenOptions={{headerShown: false}}>
  <Stack.Screen name="RootHome" component={RootHome} />
  <Stack.Screen name="Create" component={CreateWorkoutScreen} />
  <Stack.Screen name="Progress" component={MyProgressScreen} />
  <Stack.Screen name="Settings" component={SettingsScreen} />
</Stack.Navigator>
 );
};

我想在底部选项卡中从“开始健身”导航到“进度”屏幕。

navigation.navigate('BottomTabs', {screen: 'Progress'});

任何帮助都将不胜感激。
我试过这段代码，它确实可以导航到特定的屏幕，但它隐藏了BottomTabs