在 Jetpack Compose 中同一行的按钮内同时左对齐和右对齐文本

Question

我正在尝试在按钮内添加两个文本部分。第一个文本左对齐，第二个文本右对齐。这是我尝试过的：

OutlinedButton(
            colors = ButtonDefaults.outlinedButtonColors(Color.Transparent),
            border = BorderStroke(0.dp, Color.Transparent),
            modifier = Modifier.fillMaxWidth()
                               .background(
                color = Color.Transparent,
        shape = RectangleShape, // Oval shape

        //border = androidx.compose.ui.drawBorder(2.dp, Color.Red) // Border color and width
        ),
            onClick = {}
        ) {
            Row(modifier = Modifier.fillMaxWidth()) {
                Text(
                    modifier = Modifier.padding(horizontal = 0.dp, vertical = 0.dp),
                    color = Color.Black,
                    text = text,
                    textAlign = TextAlign.Start,
                    fontSize = 15.sp,
                )
                Text(
                    modifier = Modifier.padding(horizontal = 0.dp, vertical = 0.dp),
                    color = Color.Black,
                    text = ">",
                    textAlign = TextAlign.End,
                    fontSize = 15.sp,
                )
            }
        }

但是，这并没有给我预期的行为。它将两个文本左对齐：

如何解决这个问题？

Answer 1

添加安排

 OutlinedButton(
        onClick = { }, modifier = Modifier
            .fillMaxWidth()
            .height(48.dp)
    ) {

        Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
            Text(text = "Button Text1", textAlign = TextAlign.Start)
            Text(text = "Button Text2", textAlign = TextAlign.End)

        }


    }