如何单独/单独对齐行内的子可组合项？

Question

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

\n

我想要做的是在同一行中对齐一个组件（在本例中是一个表面），位于行的开头，另一个组件（列）位于行的末尾。

\n

怎么才能得到这个呢？

\n

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

\n

Row(Modifier.padding(top = 24.dp)\n        .fillMaxWidth()) {\n        Surface(\n            modifier = Modifier.size(70.dp),\n            shape = RectangleShape,\n            color = MaterialTheme.colors.onSurface.copy(alpha = 0.2f)\n        ) {\n            // Image goes here\n        }\n\n        Column(modifier = Modifier.size(70.dp)) {\n            Text("Total",\n                fontSize = 12.sp,\n                color = AppGreyDark,\n                modifier = Modifier.padding(end = 16.dp))\n\n            Text("12,99 \xe2\x82\xac",\n                fontSize = 18.sp,\n                color = AppBlackDark,\n                modifier = Modifier.padding(top = 4.dp))\n        }\n    }\n

\n

Answer 1

您可以在 中Row申请Arrangement.SpaceBetween。

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