如何使用Jetpack Compose的Box Composable实现指定叠加布局?
要实现小Box叠在大Box的顶部边缘上方,直接把offset里的y参数改成负值就行,比如y = -40.dp。
你之前设置y=40.dp是让小Box向下偏移,所以会跨在大Box的边缘上;改成负值后,小Box会向上偏移,刚好叠在大Box的顶部边缘上方。
修正后的代码如下:
Box { Card( modifier = Modifier .fillMaxWidth() .height(300.dp) ) { // 大Card的内容区域 } Box( modifier = Modifier .width(100.dp) .height(100.dp) .background(Color.Blue) .align(Alignment.TopStart) .offset(x = 0.dp, y = -40.dp) // 此处将y值改为负值 ) { // 小Box的内容区域 } }
如果需要调整小Box的位置,只需修改offset的x和y参数即可,负值对应向上/向左偏移,正值对应向下/向右偏移。
内容的提问来源于stack exchange,提问作者Himanshu Arya
相关产品推荐
相关产品推荐

