Expo Tabs Navigation: Resolving Back Navigation Issue Between Nested Screens and Tabs

[Amiko1]

Hi, I'm using Expo Tabs and file-based navigation in my app. I have two tabs: "Courses" and "Profile."

Under "Courses," there's a dynamic nested screen for each course, identified by [courseId]. Under "Profile," I have a nested screen called "My Courses," which contains another dynamic screen for opening course content, also identified by [courseId].

Here's the structure:

• Courses
  • [courseId] - for course details
• Profile
  • My Courses - for opening course content
    • [courseId]

My issue arises when navigating to "My Courses" with the [courseId] parameter From "Courses/[courseId]"

Navigating from "MyCourses/[courseId]" works fine. However, pressing the back button from "MyCourses/[courseId]" takes me back to "Courses/[courseId]," and if I then switch to the "Profile" tab, it automatically opens "MyCourses/[courseId]" due to saved history. Pressing the back button again returns me to "Courses/[courseId]," making it impossible to navigate to the "Profile" tab.

How can I fix this problem?