Jetpack Compose中Button、IconButton等按钮组件设置onClickLabel的正确方法

你现有的写法存在明确的风险：同时为内置onClick的组件额外叠加Modifier.clickable，相当于给同一个组件注册了两个独立的点击事件，后续很容易出现点击触发逻辑异常、事件消费冲突等难排查的问题，不建议使用。

针对这类内置onClick参数但未提供onClickLabel参数的可组合项，可直接通过Modifier.semantics配置点击语义标签，无需额外添加点击修饰符：

IconButton(
    onClick = navigateUp,
    modifier = Modifier.semantics {
        onClick(label = "Navigate up", action = null)
    }
) {
    Icon(
        imageVector = Icons.Rounded.ArrowBack,
        contentDescription = stringResource(
            id = R.string.top_app_bar_content_description_navigate_up,
        ),
    )
}

这里semantics配置中onClick的action参数传null即可，框架会直接复用IconButton本身已注册的点击处理逻辑，仅补充自定义的点击标签，配置后屏幕阅读器就会按预期读出「Double tap to Navigate up」的提示，完全兼容Compose 1.0.4版本。

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