You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Jetpack Compose Column子项等宽且支持父级全域滚动的实现问题

Compose Column子项等宽+全屏滚动实现方案

核心实现

无需编写自定义Layout,仅调整修饰符挂载层级即可实现需求,原有RadioButtonTile的代码无需修改,保留内部Row的fillMaxWidth配置即可。
完整实现代码如下:

Box(
    modifier = Modifier
        .fillMaxSize()
        .verticalScroll(rememberScrollState())
        .selectableGroup(),
    contentAlignment = Alignment.Center
) {
    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center,
        modifier = Modifier.width(IntrinsicSize.Max)
    ) {
        RadioButtonTile(text = "asdadasdasd", selected = false)
        RadioButtonTile(text = "asdadasdasdasdadasdasd", selected = false)
        RadioButtonTile(text = "asdadasdasd", selected = false)
        RadioButtonTile(text = "asdadasdasd", selected = false)
        // 其余子项
    }
}

原问题原因

之前的实现中将verticalScroll修饰符挂载在了设置width(IntrinsicSize.Max)的Column上,滚动响应范围被限制为Column自身的宽度,所以屏幕两侧空白区域无法触发滚动。
将滚动属性移到外层填充满全屏的Box容器后,整个屏幕区域都可以响应滚动事件,同时内层Column的width(IntrinsicSize.Max)配置搭配子项的fillMaxWidth,依然可以保证所有子项的宽度和最宽的子项保持一致。


内容的提问来源于stack exchange,提问作者RareScrap

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 21:09:02