如何优化此反应导航和反应导航抽屉配置？

Question

我的应用程序中具有以下“反应导航”配置，并且存在以下问题：

• 在下面的SummaryReport和AddTopic屏幕的标题中配置按钮的最简单方法是什么？我可以集中配置两个屏幕吗？
• 我当前的左侧抽屉弹出窗口显示以下项目列表：“ EntryStack”，“ AppStack”，“ MenuStack”。但是，它应显示AppStack中的项目：“ SummaryReport”，“ AddTopic”。如何在下面重新配置我的配置以完成此操作？
• 在下面的配置中，某些类型的createDrawerNavigator（）包装器是必需的，以便支持对navigation.openDrawer（）的下游调用。我目前正在从SummaryReport上的按钮调用Navigation.openDrawer（），这当然是不好的设计，但它在打开左侧抽屉方面具有功能，因此为集成/调试/后续步骤提供了一个起点
• 如何配置抽屉，以便在抽屉打开后，单击右侧的屏幕，抽屉将自动关闭？这是我要寻找的行为的一个很好的例子：

https://snack.expo.io/@eriveltonelias/drawer-with-back-button

以下代码：

const EntryStack = createStackNavigator(
  {
    AuthLoading: {
      screen: AuthLoadingScreen,
    },
    Login: {
      screen: Login,
    },
    SignUp: {
      screen: SignUp,
    },
    ForgotPassword: {
      screen: ForgotPassword,
    }
  },
);

const AppStack = createStackNavigator(
  {
    SummaryReport: 
    {
      screen: SummaryReport,  
    },
    AddTopic: {
      screen: AddTopic,
    },
  }
);

const RootStackApp = createAppContainer(
  //createSwitchNavigator(
  createDrawerNavigator(
  {
    EntryStack: { screen: EntryStack },
    AppStack: { screen: AppStack },
    MenuStack: { screen: MenuContainer },
  },
  {
    initialRouteName: 'EntryStack',
  })
);

export default RootStackApp;