Multiple Textfields in a row getting wrong touches

[bhavukjain1]

I've added two textfields in a row here and this is the behaviour. On clicking the first textfield, it selects the second one. But if a placeholder is added, it works fine. I'm not able to figure out the cause of this problem. I've used flexDirection:'row' to add these two textfields.

Any possible fix for this problem?

[shashinbhayani]

any solution for this

[sharifhh]

use this magic prop

labelTextStyle={{ position: 'absolute', left: '100%' }}

[tuledev]

@sharifhh thank you very much. You saved me.

[felipeborba-dev]

@sharifhh thanks!

[sathishu37]

@sharifhh You God

[bbaoNg97]

wow! thanks alot!!!

use this magic prop

labelTextStyle={{ position: 'absolute', left: '100%' }}

[pankti16]

use this magic prop

labelTextStyle={{ position: 'absolute', left: '100%' }}

Added this prop with same values in all fields for the row, and it worked.

Thanks!!!