Jetpack Compose 是 Android 的现代 UI 工具包,它允许开发者使用更简洁、声明式的方式来构建用户界面。要在 Jetpack Compose 中实现行中等间距的文本字段,可以使用 Row
和 Modifier
来布局。
以下是一个简单的示例代码,展示如何实现这一功能:
import androidx.compose.foundation.layout.*
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
@Composable
fun RowWithSpacedTextFields() {
Row(
modifier = Modifier.fillMaxWidth(),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.SpaceBetween
) {
TextField(
value = remember { mutableStateOf("") },
onValueChange = { /* Handle text change */ },
modifier = Modifier.padding(8.dp)
)
TextField(
value = remember { mutableStateOf("") },
onValueChange = { /* Handle text change */ },
modifier = Modifier.padding(8.dp)
)
}
}
Row
的 horizontalArrangement
设置为 Arrangement.SpaceBetween
。Modifier.fillMaxWidth()
和 Modifier.weight()
来控制宽度。Modifier.padding()
和 Modifier.fillMaxWidth()
来调整布局。通过以上代码和解释,你应该能够在 Jetpack Compose 中实现行中等间距的文本字段。