Jetpack compose：将可绘制对象添加到 TextField 的开头

Question

在下面显示的代码中，我有一个接受用户输入的 TextField。如何将可绘制对象添加到文本字段的开头或结尾？我找不到任何用于设置drawableStart或drawableEnd的属性。

var text by rememberSaveable{ mutableStateOf("") }

TextField(
    value = text,
    modifier = Modifier
        .fillMaxWidth(1f)
        .padding(30.dp),
    onValueChange = { text = it },
    placeholder = { Text(text = "Email") },
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Email)
)

Answer 1

TextField 文档中有一个leadingIconand属性。使用leadingIcon代替drawableStart并使用trailingIcon代替drawableEnd。下面是一个示例实现：trailingIcon

var text by rememberSaveable{ mutableStateOf("") }

TextField(
    value = text,
    modifier = Modifier
        .fillMaxWidth(1f)
        .padding(30.dp),
    onValueChange = { text = it },
    placeholder = { Text(text = "Email") },
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Email),
    leadingIcon = { Icon(Icons.Filled.Favorite, contentDescription = "Localized description") },
    trailingIcon = { Icon(Icons.Filled.Info, contentDescription = "Localized description") }
)