react-native-floating-label-input icon indicating copy to clipboard operation
react-native-floating-label-input copied to clipboard

Custom mask type

Open rodrigodiasf1984 opened this issue 1 year ago • 3 comments

Hi guys, first of all, I'd like to thank you for this amazing package.

Second, how can I use a mask like this?

4 number 1 space and 3 letters?

image

I need something like this, but the 3 last digits should be only letters, at the moment this allow the user to type numbers too. image

I'm using react-hook-form

Maybe it needs to add a custom mask type? Or can I achieve this using some regex?

Thanks for your help.

rodrigodiasf1984 avatar Jul 06 '23 08:07 rodrigodiasf1984

@Cnilton can you help me with this? Thanks.

rodrigodiasf1984 avatar Jul 31 '23 08:07 rodrigodiasf1984

Hi, @rodrigodiasf1984, sorry for the holdup. So to achieve this, we would have to do a regex-like comparison to distinguish characters from numbers. I'll come up with a solution, but it will take some time, ok?

Cnilton avatar Aug 19 '23 16:08 Cnilton

Hi, @rodrigodiasf1984, sorry for the holdup. So to achieve this, we would have to do a regex-like comparison to distinguish characters from numbers. I'll come up with a solution, but it will take some time, ok?

Hi @Cnilton, thanks for your feedback, it's ok, when you've achieved this let me know, Thanks!(Obrigado mano!TMJ!)

rodrigodiasf1984 avatar Aug 21 '23 07:08 rodrigodiasf1984