我有一个HomeScreen组件，该组件具有一个用于切换DrawerNavigator的按钮。打开抽屉时，将显示屏幕选项，而HomeScreen组件不是这些选项之一。我希望能够导航到这些屏幕选项中的任何一个，按“退出”，然后返回到我的HomeScreen组件。我希望每个抽屉选项都具有自己的StackNavigator，以便每个抽屉选项都可以具有自己的屏幕流。 我不想在抽屉中添加“主页”作为选项。

这是我当前在App.js中的实现

const PastTripsnavigator = createStackNavigator({
  PastTripsHome:{
    screen:PastTripsScreen
  },TestScreenHome:{
    screen: TestScreen
  }
})

const MyDrawerNavigator = createDrawerNavigator({
  Home:{
    screen:HomeScreen
  },PastTrips:{
    screen: PastTripsnavigator
    }
  }
);

const AppNavigator = createStackNavigator({
  Drawer:{
    screen: MyDrawerNavigator
  },Home: {
    screen: HomeScreen,}
})


const MyApp = createAppContainer(AppNavigator);

然后从PastTripsScreen（或其他任何与此相关的屏幕）开始，我计划使用以下方法退出并返回HomeScreen组件：

<Button
    onPress={() => this.props.navigation.navigate('Home')}
    title="Exit"
/>

此实现在我的UI中造成了奇怪的问题，而我是根据我自己的理解完成的。请指导我实现这一目标的最佳方法是什么？