使用 Jetpack Compose 连续绘制两个按钮
Draw two buttons in a Row using Jetpack Compose
我想在 Row
中有两个按钮,就像图片中那样,但在我的代码中我设置了一个特定的 horizontalArrangment,它在其他设备上看起来不太好
Row(
horizontalArrangement = Arrangement.spacedBy(170.dp),
modifier = Modifier.fillMaxWidth()
) {
Button(
onClick = { /*TODO*/ },
) {
Text(
modifier = Modifier.padding(8.dp),
text = "Send Email",
style = TextStyle(fontSize = 15.sp)
)
}
Button(
onClick = { /*TODO*/ },
) {
Text(
modifier = Modifier.padding(8.dp),
text = "Call",
style = TextStyle(fontSize = 15.sp)
)
}
}
您可以使用 horizontalArrangement = Arrangement.SpaceBetween
:
类似于:
Row(
horizontalArrangement = Arrangement.SpaceBetween,
modifier = Modifier.fillMaxWidth().padding(8.dp)
) {
Button( onClick = { /*TODO*/ }){
Text(
text = "Send Email",
style = TextStyle(fontSize = 15.sp)
)
}
Button( onClick = { /*TODO*/ }) {
Text(
text = "Call",
style = TextStyle(fontSize = 15.sp)
)
}
}
我想在 Row
中有两个按钮,就像图片中那样,但在我的代码中我设置了一个特定的 horizontalArrangment,它在其他设备上看起来不太好
Row(
horizontalArrangement = Arrangement.spacedBy(170.dp),
modifier = Modifier.fillMaxWidth()
) {
Button(
onClick = { /*TODO*/ },
) {
Text(
modifier = Modifier.padding(8.dp),
text = "Send Email",
style = TextStyle(fontSize = 15.sp)
)
}
Button(
onClick = { /*TODO*/ },
) {
Text(
modifier = Modifier.padding(8.dp),
text = "Call",
style = TextStyle(fontSize = 15.sp)
)
}
}
您可以使用 horizontalArrangement = Arrangement.SpaceBetween
:
类似于:
Row(
horizontalArrangement = Arrangement.SpaceBetween,
modifier = Modifier.fillMaxWidth().padding(8.dp)
) {
Button( onClick = { /*TODO*/ }){
Text(
text = "Send Email",
style = TextStyle(fontSize = 15.sp)
)
}
Button( onClick = { /*TODO*/ }) {
Text(
text = "Call",
style = TextStyle(fontSize = 15.sp)
)
}
}