horizontalArrangement 在 Jetpack Compose 中不起作用

Question

我已经尝试应用 SpaceBetween、SpaceEvenly 和 SpaceAround，但似乎没有任何效果。 我的主要目标是将 iconButton 和文本放在同一行的开头和结尾。 请不要参考我的 appbar 这样做我只是想知道为什么这不起作用以及修复方法是什么？

        Row(
            modifier = Modifier.padding(30.dp),
            horizontalArrangement = Arrangement.SpaceBetween
        ){

            Text(
                "NOTES",
                fontSize = 30.sp,
                fontWeight = FontWeight.Bold,
                color = Color.White
            )

            IconButton(onClick = { /*TODO*/ }) {
                Icon(
                    Icons.Filled.Search,
                    contentDescription = "Search",
                    tint = Color.LightGray
                )

            }

        }

Answer 1

在你的Row中添加修饰符fillMaxWidth()

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.SpaceBetween
){
   //....your content
}

Answer 2

在 Row 修饰符中使用fillMaxWidth()

Row(
    modifier = Modifier
        .fillMaxWidth()
        .padding(30.dp),
    horizontalArrangement = Arrangement.SpaceBetween
)