'Jetpack compose TextField texts hidden by droplet below cursor

I ran into this strange problem, where the droplet below the cursor of TextField composable is hiding the content typed.
Look at the circled place in the following pic:

explaining pic

Following my code for this behaviour:

TextField(modifier = ...,
        value = ..., onValueChange = {...},
        colors = TextFieldDefaults.textFieldColors(
            backgroundColor = MaterialTheme.colors.primary,
            focusedIndicatorColor = Color.Transparent,
            unfocusedIndicatorColor = Color.Transparent,
            disabledIndicatorColor = Color.Transparent,
            cursorColor = MaterialTheme.colors.onPrimary, focusedLabelColor = Color.Transparent))

Can we customise the droplet color? In that case I would like it to be Color.Transparent else is there a way to remove this droplet from TextField composable?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source