如何避免navigator.popBackStack双击返回出现空白页面的问题？

核心问题分析 #

双击返回图标触发了两次返回操作：第一次从B页面回到A页面，第二次尝试弹出A页面（导航栈的起始页），导致栈为空，出现空白页面。本质是未对返回操作做边界判断，或未使用符合导航规范的API。

规范解决方法 #

方法1：使用navigateUp()替代popBackStack()

Android Jetpack Navigation提供的navigateUp()是专门处理向上导航的API，它会自动判断当前页面是否为导航栈的起始页：如果是起始页，不会执行任何操作；如果不是，则正常返回上一页，完美适配你的场景。

修改ScreenB的传参代码：

ScreenB(
    id = myID, 
    navigateUp = { navController.navigateUp() }
)

方法2：给popBackStack()添加栈边界判断

如果你坚持使用popBackStack()，可以通过检查导航栈的元素数量，确保只有当栈中存在至少2个页面时才执行弹出操作：

ScreenB(
    id = myID, 
    navigateUp = {
        // 栈中至少有2个页面时才执行弹出
        if (navController.backQueue.size > 1) {
            navController.popBackStack()
        }
    }
)

方法3：检查路由配置是否存在重复页面

确认ScreenRouter.ScreenA.route和ScreenRouter.PokemonList.route是否为同一路由值。如果两者不同，你的NavHost起始页是ScreenA，但第一个注册的可组合项是PokemonList，会导致导航栈初始就存在两个页面（ScreenA + PokemonList），放大双击返回的问题。确保起始页路由和主页面路由一致，避免不必要的栈元素。

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