react-navigation - 如何在抽屉导航器中设置后退按钮？

Question

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

主页包含一个底部导航器的堆栈，更多条目本身也是堆栈。

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

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

Answer 1

在每个具有后退按钮的屏幕中，您都需要自己的标题组件。您可以使用自定义的一个或一个组件库中的一个，例如react native paper。

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

确保你传递backBehavior: 'history'给createDrawerNavigator.