horizontalArrangement 在 Jetpack Compose 中不起作用
horizontalArrangement not working in Jetpack Compose
我已经尝试应用 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
)
}
}
在您的 Row
中添加修饰符 fillMaxWidth()
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween
){
//....your content
}
在行修饰符中使用 fillMaxWidth()
Row(
modifier = Modifier
.fillMaxWidth()
.padding(30.dp),
horizontalArrangement = Arrangement.SpaceBetween
)
我已经尝试应用 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
)
}
}
在您的 Row
fillMaxWidth()
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween
){
//....your content
}
在行修饰符中使用 fillMaxWidth()
Row(
modifier = Modifier
.fillMaxWidth()
.padding(30.dp),
horizontalArrangement = Arrangement.SpaceBetween
)