Jetpack compose 的 TextField 中的 drawableStart 等效项

Question

所以我在这里查看了这份文档https://developer.android.com/jetpack/compose/text#enter-modify-text

我设法使用以下方法创建了一个文本字段 (EditText)：

document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'

switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'

现在我想设置我们在 XML 中的 @Composable fun EmailField() { var text by remember { mutableStateOf("") } TextField( colors = TextFieldDefaults.textFieldColors( textColor = Color.White, focusedIndicatorColor = Color.White, focusedLabelColor = Color.White ), value = text, onValueChange = { text = it }, label = { Text("Email") } ) } 。那么有没有这样的等价物或其他方式来实现？

我想创建这样的东西：

感谢任何帮助或领导

Answer 1

通过 1.0.0-beta06，您可以使用 leadingIcon 属性：

TextField(
    value = text,
    onValueChange = { text = it },
    leadingIcon = {
       Icon(Icons.Filled.Email,
        "contentDescription",
        modifier = Modifier.clickable { /* .. */})}
)