DrawerNavigator嵌套StackNavigator：保留历史路由，阻止返回初始页

嘿，我完全get到你的需求——网上搜的都是切换抽屉菜单项时重置栈的方法，但你要的恰恰是反过来：从First跳转到Second后，打开抽屉切去Other页面，再切回Router时，希望停在Second而不是回到First，对吧？

核心方案：阻止栈页面被卸载 #

默认情况下，DrawerNavigator切换菜单项时会卸载未选中的屏幕，这就是你的栈被重置的原因。只需要给Drawer里的Router屏幕加上unmountOnBlur: false配置，就能让它在切换到其他抽屉项时保持挂载，栈的状态自然就保留了。

代码示例 #

// 你的抽屉导航配置
const Drawer = createDrawerNavigator();

function AppDrawer() {
  return (
    <Drawer.Navigator initialRouteName="Router">
      <Drawer.Screen 
        name="Router" 
        component={YourStackNavigator}
        options={{
          unmountOnBlur: false, // 这行是关键！
        }}
      />
      <Drawer.Screen name="Other" component={OtherScreen} />
    </Drawer.Navigator>
  );
}

// 你的栈导航定义
const Stack = createStackNavigator();
function YourStackNavigator() {
  return (
    <Stack.Navigator initialRouteName="First">
      <Stack.Screen name="First" component={FirstScreen} />
      <Stack.Screen name="Second" component={SecondScreen} />
    </Stack.Navigator>
  );
}

额外说明 #

• 这个配置只需要加在需要保留状态的抽屉项上（也就是你的Router栈），像Other Screen这类不需要保留状态的页面，保持默认的unmountOnBlur: true就好，避免占用多余内存。
• 如果之后你需要更灵活的状态控制（比如手动保存/恢复特定路由），可以通过navigationRef来获取和设置路由状态，但上面的方法是最简洁高效的。

内容的提问来源于stack exchange，提问作者Marcel Kalveram