Jetpack Compose onClick传参返回后点击同一项无响应问题

• 状态未形成闭环：首次触发标签页打开逻辑后，没有在用户按返回关闭Chrome标签页的时机将shouldOpenChromeTab重置为false。返回列表页时该状态实际仍为true，再次点击同一项时给状态赋相同的true值，mutableStateOf判定值无变化不会触发重组，自然不会重新执行标签页渲染逻辑。
• 类型定义存在错误：ArticleItem声明的onClick是无参函数类型() -> Unit，但内部点击逻辑中传入了article.url参数，本身存在语法问题。
• 双状态设计冗余：用两个独立变量分别控制显隐状态、存储链接地址，很容易出现状态不同步的隐性问题。

1. 修正列表项组件类型定义 #

先修复ArticleItem的参数类型错误，将onClick改为接收字符串参数的函数类型：

@Composable
fun ArticleItem(article: Article, onClick: (String) -> Unit){
    Box(
        modifier = Modifier
            .clickable {
                onClick(article.url)
            },
    ) {
        // 原有列表项内容
    }
}

2. 用单可空状态替代双状态 #

直接用可空字符串类型存储待打开的文章链接，null代表当前无需要打开的标签页，非空值代表需要打开对应链接的标签页，从设计上避免双状态不同步问题：

// 初始值为null，代表没有待打开的页面
var targetArticleUrl by rememberSaveable { mutableStateOf<String?>(null) }

3. 补全状态重置逻辑 #

当targetArticleUrl非空时渲染标签页组件，同时监听组件生命周期，在标签页被关闭（离开组合树）时立刻将状态重置为null，保证后续点击时状态变化可以正常触发重组：

// 有目标链接时才渲染标签页组件
targetArticleUrl?.let { url ->
    ShowCustomChromeTab(articleUrl = url)
    // 组件从组合中移除时（即用户关闭标签页返回）重置状态
    DisposableEffect(Unit) {
        onDispose {
            targetArticleUrl = null
        }
    }
}

// 列表项点击逻辑，点击时直接给状态赋值对应url即可
ArticleItem(
    article = it,
    onClick = { clickedUrl ->
        targetArticleUrl = clickedUrl
    }
)

优化建议 #

如果ShowCustomChromeTab是自定义封装的组件，建议直接在组件内部暴露关闭回调，在用户触发返回键、点击关闭按钮的时机主动回调，比通用的生命周期监听时机更精准：

// 组件定义增加关闭回调参数
@Composable
fun ShowCustomChromeTab(
    articleUrl: String,
    onDismiss: () -> Unit
){
    // 内部处理返回键、关闭按钮逻辑时调用onDismiss()
    // ......原有业务逻辑
}

// 调用处写法
targetArticleUrl?.let { url ->
    ShowCustomChromeTab(
        articleUrl = url,
        onDismiss = { targetArticleUrl = null }
    )
}

按照以上逻辑修改后，每次关闭标签页状态都会重置为初始空值，无论点击的是不是同一条列表项，赋值时都会产生状态变更，正常触发重组打开对应页面。

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