如何在抽屉式导航器中使用后退按钮？

Question

我有一个DrawerNavigator作为我的应用程序的基本块。原因是应该可以从所有屏幕访问它。因此，它也是所有深层链接的目标，并且只会在实际抽屉中显示某些项目。

主页由堆栈的底部导航器组成，并且堆栈本身也有更多条目。

问题是在抽屉中导航不会像在堆栈中那样显示任何后退按钮。而且，拥有这些功能会很不错，就像Android上的向后手势一样。

这是否存在，如果是，应该如何解决？

Answer 1

每个屏幕上需要一个带有后退按钮的标题组件。您可以使用组件库（例如react native paper）中的一个或一个自定义。

function Home({ navigation }) {
  return (
    <React.Fragment>
      <MyCustomHeader title="Home" onBackPress={navigation.goBack} />
      {{
        /* screen content */
      }}
    </React.Fragment>
  );
}