我試著設計這個
但我不知道如何在 jetpack compose 中使用 Textfield
uj5u.com熱心網友回復：
由于您需要TextField不遵循 Material Design 的自定義，因此您應該使用 aBasicTextField并根據需要對其進行自定義（您需要檢查引數）。
這只是您實施的起點...
@Composable
fun CustomTextField() {
var text by remember {
mutableStateOf("")
}
Card(Modifier.fillMaxWidth()) {
Row(
Modifier
.height(IntrinsicSize.Min)
) {
Icon(
imageVector = Icons.Default.Search,
contentDescription = null,
modifier = Modifier.padding(8.dp)
)
BasicTextField(
value = text,
onValueChange = { text = it },
Modifier
.weight(1f)
.padding(8.dp)
)
Box(
Modifier
.padding(vertical = 2.dp)
.width(1.dp)
.fillMaxHeight()
.background(MaterialTheme.colors.onBackground.copy(alpha = .5f))
)
Icon(
imageVector = Icons.Default.Settings,
contentDescription = null,
modifier = Modifier.padding(8.dp)
)
}
}
}
結果如下：
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/470193.html
標籤：安卓 用户界面 文本域 android-jetpack-compose
上一篇：使用C在GTK2中創建和保存檔案