A modern programming language that makes developers happier.

kotlinlang

Screen Shot 2021-04-13 at 6.32.17 AM.png

Is there any out of the box way to support the password toggle that came with material android/xml?

I haven’t come across anything like that. It should be fairly straightforward to build something using <https://developer.android.com/reference/kotlin/androidx/compose/ui/text/input/PasswordVisualTransformation|this>

```trailingIcon = {
            IconButton(
                onClick = {
                    passwordVisibile = !passwordVisibile
                }
            ) {
                Icon(
                    imageVector = if (passwordVisibile) [eyedrawable] else [eyepatchdrawable]
                    ),
                    
                )
            }
        },
 visualTransformation = if (passwordVisibile) VisualTransformation.None else PasswordVisualTransformation(),```
Add trailing icon to outlinetextfield and  [passwordVisibile] boolean flag to toggle between drawables

<https://stackoverflow.com/a/66998457/2016562>

<@U01SE73UBP0> when you click to hide, is the crossed out slash animated? Can't tell in the gif from SO, and the one from material has an animation IIRC.

It uses the same vector provided by the material components library, but not the animated-vector.

Hm. Okay. I'll try to add the animated vector.

<@UMCJAPF63> still having some trouble getting an animated vector to work, and I'm curious if there are any plans to build that into the default text input material component?

See here for how it animates in xml land: <https://materialdoc.cn/images/password_toggle.gif>