Как сделать кнопку возврата в ящике навигатора?

Question

У меня есть DrawerNavigator в качестве основного блока моего приложения. Причина в том, что он должен быть доступен со всех экранов. Таким образом, он также является целью для всех глубоких ссылок и будет отображать только некоторые элементы в реальном ящике.

Главная страница состоит из нижнего навигатора стеков, и другие записи также являются стеками.

Проблема в том, что при навигации в ящике не отображается кнопка возврата, как при перемещении в стопках. И было бы неплохо иметь их, точно так же, как работает жест назад в Android.

Это что-то, что существует, и если да, то как его следует решать?

Answer 1

Вам понадобится свой собственный компонент заголовка на каждом экране, который имеет кнопку возврата. Вы можете использовать пользовательский или один из библиотеки компонентов, такой как ответная собственная бумага .

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

Убедитесь, что вы передали backBehavior: 'history' createDrawerNavigator.