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
相关产品推荐
相关产品推荐

