请教个 Jetpack Compose 的布局问题

我想做一个类似物流的一个页面类似下图，但是左边那条绿线无法显示出来。（代码和图片在后面）

1. Row(modifier = Modifier.height(IntrinsicSize.Min)) 并且把图片 grid 注释掉，那么绿线是正常显示的
2. Row(modifier = Modifier.fillMaxHeight)并且设置 grid 的 height ，也无法显示

@Composable
fun ListDemo() {
    var titles = listOf("1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2","1","2")
    LazyColumn(modifier = Modifier
        .fillMaxSize()) {
        itemsIndexed(titles) { index, item ->
            Surface(modifier = Modifier
                .fillMaxWidth()) {
                Column(modifier = Modifier
                    .padding(horizontal = 18.dp)) {
                    Row(modifier = Modifier
                        .padding(vertical = 8.dp),
                        verticalAlignment = Alignment.CenterVertically) {
                        Box(modifier = Modifier
                            .size(24.dp)
                            .background(Color.Red))
                    }

                    Row(modifier = Modifier
                        .fillMaxWidth()) {
                        Box(modifier = Modifier
                            .width(24.dp)
                            .fillMaxHeight(IntrinsicSize.Min),
                            contentAlignment = Alignment.Center){
                            // TODO show this green line
                            Box(modifier = Modifier
                                .fillMaxHeight()
                                .width(1.dp)
                                .background(Color.Green))
                        }
                        Spacer(Modifier.width(8.dp))
                        Column(modifier = Modifier
                            .fillMaxWidth(),
                            verticalArrangement = Arrangement.spacedBy(8.dp)) {
                            Row(modifier = Modifier
                                .fillMaxWidth()) {
                                Text(
                                    text = "Time：",
                                    fontSize = 14.sp,
                                    color = Color.Gray,
                                    modifier = Modifier
                                        .width(100.dp)
                                )
                                Spacer(Modifier.width(4.dp))
                                Text(
                                    text = "2023-03-02 18:34:07",
                                    fontSize = 14.sp,
                                    color = Color.Gray
                                )
                            }

                            val images = listOf("1","2","3","4")
                            LazyVerticalGrid(
                                columns = GridCells.Fixed(3),
                                horizontalArrangement = Arrangement.spacedBy(6.dp),
                                verticalArrangement = Arrangement.spacedBy(6.dp),
                                modifier = Modifier.heightIn(
                                    max = 1000.dp)
                            ) {
                                items(images) { pic ->
                                    Box(
                                        modifier = Modifier
                                            .aspectRatio(1f)
                                            .background(Color.Gray)
                                    ) {
                                        Text(
                                            text = pic
                                        )
                                    }
                                }
                            }

                        }
                    }

                    Spacer(Modifier.height(8.dp))
                }


            }
        }
    }
}

@Preview
@Composable
fun ListDemoPreview() {
    ListDemo()
}

Column( weight = 1f ) , 不要加上 fillMaxWidth()。占据剩余的空间应该用 weight = 1f

@vigroid 不行，右侧 Column 用 weight(1) 或者 fillMaxWidth() 这里是同样的效果

Row(modifier = Modifier.height(IntrinsicSize.Min)) { Box(modifier = Modifier .width(24.dp) .fillMaxHeight(), contentAlignment = Alignment.Center){ Box(modifier = Modifier .fillMaxHeight() .width(1.dp) .background(Color.Green)) } Spacer(Modifier.width(8.dp)) Column(modifier = Modifier .weight(1f), verticalArrangement = Arrangement.spacedBy(8.dp)) {...} } 这样，有一点是两个 LazyLayout 滑动冲突了

@qwell #3 不行，还是会报错 ```shell java. lang. IllegalStateException: Asking for intrinsic measurements of SubcomposeLayout layouts is not supported. This includes components that are built on top of SubcomposeLayout, such as lazy lists, BoxWithConstraints, TabRow, etc. To mitigate this: - if intrinsic measurements are used to achieve 'match parent' sizing, consider replacing the parent of the component with a custom layout which controls the order in which children are measured, making intrinsic measurement not needed - adding a size modifier to the component, in order to fast return the queried intrinsic measurement. ```

动态获取 Column 的高度吧。 Column( modifier = Modifier .fillMaxWidth() .onSizeChanged { sizeInDp = with(density) { it.width.toDp() to it.height.toDp() } }, verticalArrangement = Arrangement.spacedBy(8.dp) )， 然后把高度给到 box 。 Box( modifier = Modifier .width(24.dp) .height(sizeInDp.second) .background(Color.Red), contentAlignment = Alignment.Center )

@jojo0830 但是你这样绿色也没跟红色方块接触，不好看，重新调整布局吧

@magic3584 因为你嵌套了两个 lazylayout ，你把里面的 lazyverticalgrid 设个固定高度