react-navigation / react-navigation/react-navigation

Go back in nested stack navigation in drawer

Open
#11,450 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug platform:android platform:ios platform:web repro provided
Dominant language
TypeScript
Stars
24.5k
Forks
5.1k
Avg merge
1d 5h
Merged PRs (30d)
18

Description

Current behavior

I have a nested stack screens within the drawer navigator. When I go from "Hamburger Menu" > Profile, I do not see the go back (<- Home) button in the Profile page.

Wondering if this is a configuration or setting issue. Any help is appreciated.

Expected behavior

When I go from "Hamburger Menu" > Profile, should see the go back (<- Home) button in the Profile page.

Reproduction

https://snack.expo.dev/@krthkmyn/nesting---menu-header---react-navigation

Platform
  • Android
  • iOS
  • Web
  • Windows
  • MacOS
Packages
  • @react-navigation/bottom-tabs
  • @react-navigation/drawer
  • @react-navigation/material-top-tabs
  • @react-navigation/stack
  • @react-navigation/native-stack
  • react-native-tab-view
Environment
  • [] I've removed the packages that I don't use
package version
@react-navigation/native 6.0.10
@react-navigation/bottom-tabs 6.2.1
@react-navigation/drawer 6.4.1
@react-navigation/material-top-tabs 6.2.1
@react-navigation/stack 6.2.1
@react-navigation/native-stack 6.6.1
react-native-safe-area-context 4.4.1
react-native-screens 3.18.0
react-native-gesture-handler 2.8.0
react-native-reanimated 2.12.0
react-native-tab-view 3.0.0
react-native-pager-view 6.0.1
react-native
expo
node
npm or yarn

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Expo Snack reproduction and inspect its @react-navigation/drawer and stack or native-stack configuration. Verify the navigation behavior on Android, iOS, and Web; done means opening Profile from the drawer shows a back-to-Home button as described.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.