Jetpack Compose中如何处理popBackStack()多次点击问题

给你几个实用的解决办法，按需选择：

方法一：防抖限制点击频率 #

最简单粗暴的方式，设置一个时间窗口，短时间内禁止重复点击。比如500ms内只允许触发一次回退操作：

// 在你的Scaffold所在的Composable中定义状态
var lastBackClickTime by remember { mutableStateOf(0L) }
const val DEBOUNCE_DURATION = 500L // 防抖时长，可按需调整

Scaffold(
    topBar = {
        PhotoDetailTopBar(
            onBackClick = {
                val currentTime = System.currentTimeMillis()
                if (currentTime - lastBackClickTime >= DEBOUNCE_DURATION) {
                    lastBackClickTime = currentTime
                    navController.popBackStack()
                }
            },
            onInfoClick = { isSheetOpen = true }
        )
    }
)

方法二：用状态变量+导航监听精准控制 #

如果不想依赖固定时长，而是要等回退操作真正完成后才允许再次点击，可以结合导航栈的状态来控制：

// 定义状态控制点击可用性
var isBackClickEnabled by remember { mutableStateOf(true) }
// 获取当前页面的导航栈条目
val currentBackStackEntry by navController.currentBackStackEntryAsState()

// 监听导航栈变化，页面出栈后恢复点击权限
LaunchedEffect(currentBackStackEntry) {
    // 当当前页面的栈条目为null时，说明已经完成回退
    if (currentBackStackEntry == null) {
        isBackClickEnabled = true
    }
}

Scaffold(
    topBar = {
        PhotoDetailTopBar(
            onBackClick = {
                if (isBackClickEnabled) {
                    isBackClickEnabled = false
                    navController.popBackStack()
                }
            },
            onInfoClick = { isSheetOpen = true }
        )
    }
)

方法三：封装可复用的防重复点击逻辑 #

如果多个页面都需要这个功能，可以把防重复点击的逻辑封装成一个高阶函数，方便复用：

// 封装防抖点击函数
fun rememberDebouncedClick(
    debounceDuration: Long = 500L,
    onClick: () -> Unit
): () -> Unit {
    val lastClickTime = remember { mutableStateOf(0L) }
    return {
        val currentTime = System.currentTimeMillis()
        if (currentTime - lastClickTime.value >= debounceDuration) {
            lastClickTime.value = currentTime
            onClick()
        }
    }
}

// 使用时直接调用
val debouncedBackClick = rememberDebouncedClick {
    navController.popBackStack()
}

Scaffold(
    topBar = {
        PhotoDetailTopBar(
            onBackClick = debouncedBackClick,
            onInfoClick = { isSheetOpen = true }
        )
    }
)

内容的提问来源于stack exchange，提问作者Sk Sahil Islam