Jetpack Compose 父组件宽度和某个子组件一致

需求:

有个Column,我需要此Column的宽度与其里面的第一个子组件相同,而后面其他子组件宽度则是直接占满父组件宽度

大概效果如下图所示

实现

利用Modifier.width(IntrinsicSize.Min)来实现

注: 下面演示的代码只是演示了背景(和上面给出的效果图不是一致的)

Column(modifier = Modifier.width(IntrinsicSize.Min)) {
	Box(Modifier.size(300.dp,200.dp).background(MaterialTheme.colorScheme.primaryContainer))

	Box(modifier = Modifier.fillMaxWidth().height(300.dp).background(MaterialTheme.colorScheme.errorContainer)) {  }
}

参考

• Jetpack Compose(八)-常用的布局组件 - 掘金