Jetpack compose 的 TextField 中的 drawableStart 等效項

Question

所以我在這里查看了這個文檔https://developer.android.com/jetpack/compose/text#enter-modify-text

我設法使用以下方法創建了一個文本字段（EditText）：

@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") }
        )
    }

現在我想設置我們在 XML 中的drawableStart 。 那么有沒有這樣的等效或其他方式來實現？

我想創建這樣的東西：

任何幫助或領導表示贊賞

Answer 1

使用1.0.0-beta06您可以使用leadingIcon屬性：

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