Jetpack compose 中第一项较大的网格

Question

我正在尝试使用 jetpack compose 来实现此视图：

我创建了一行，其中包含权重为 0.7 的图像，以及一列，其中包含权重为 0.3 的较小图像。 但列的底部总是有填充，并且它们不会完美对齐。 我的代码：

@Composable
fun TrendingSection() {
    Row(horizontalArrangement = Arrangement.SpaceBetween) {
        Image(
            painter = painterResource(id = R.drawable.shadmehr),
            contentDescription = "First trending music",
            modifier = Modifier
                .weight(0.7f)
                .padding(4.dp)
                .clip(RoundedCornerShape(16.dp))
        )
        Column(
            verticalArrangement = Arrangement.SpaceAround,
            modifier = Modifier
                .weight(0.3f)
        ) {
            Image(
                painter = painterResource(id = R.drawable.shadmehr),
                contentDescription = "First trending music",
                modifier = Modifier
                    .padding(4.dp)
                    .clip(RoundedCornerShape(16.dp))
            )
            Image(
                painter = painterResource(id = R.drawable.shadmehr),
                contentDescription = "First trending music",
                modifier = Modifier
                    .padding(4.dp)
                    .clip(RoundedCornerShape(16.dp))
            )
        }
    }
}

有人知道问题是什么或者知道更好的解决方案吗？

结果：