Эквивалент drawableStart в текстовом поле Jetpack compose

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

Теперь я хочу установить drawableStartкоторый у нас был в XML. Так есть ли такой эквивалент или другой способ достижения?

Я хочу создать что-то вроде этого:

Любая помощь или руководство приветствуются

Answer 1

С участием 1.0.0-beta04 вы можете использовать leadingIcon атрибут:

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