如何 individually/separately 在一行中对齐子可组合项？

Question

我是 Jetpack Compose 的新手，我正在尝试做一件我无法实现的简单事情。

我想要做的是在同一行中对齐一个组件，在本例中是表面，在开始处，另一个是列，在行尾。

如何得到这个？

我正在尝试这个，但它不起作用：

Row(Modifier.padding(top = 24.dp)
        .fillMaxWidth()) {
        Surface(
            modifier = Modifier.size(70.dp),
            shape = RectangleShape,
            color = MaterialTheme.colors.onSurface.copy(alpha = 0.2f)
        ) {
            // Image goes here
        }

        Column(modifier = Modifier.size(70.dp)) {
            Text("Total",
                fontSize = 12.sp,
                color = AppGreyDark,
                modifier = Modifier.padding(end = 16.dp))

            Text("12,99 €",
                fontSize = 18.sp,
                color = AppBlackDark,
                modifier = Modifier.padding(top = 4.dp))
        }
    }

Answer 1

您可以在Row Arrangement.SpaceBetween.

申请

Row(
    modifier = Modifier
      .padding(top = 24.dp)
      .fillMaxWidth(),
    horizontalArrangement  =  Arrangement.SpaceBetween) {
       Surface()
       Column()
}

如何 individually/separately 在一行中对齐子可组合项？

How to individually/separately align child composables inside a Row?

android

android-jetpack-compose

composable