Any simple way to draw this kind of code `TextField` ? Two ideas in mind: - Using N `TextField` - D...

# compose

[Yann Badoual]

Any simple way to draw this kind of code TextField ?
Two ideas in mind:
• Using N TextField
• Drawing a canvas above the actual TextField
Wondering if there's no better way to do this

[Joseph Hawkes-Cates]

You can set a Visual Transformation on your text field which will do this for you. Specifically in the linked doc there is a PasswordVisualTransformation provided.

[Yann Badoual]

Might work in some case, but depending on the design, might not work.
Using BasicTextField with a custom decorationBox not calling innerTextField() does the trick.

BasicTextField(
   // ...
) { innerTextField ->
   Canvas {
        // Custom draw
   }
}