Form inside KeyboardAvoidingView flickering on input

[AndreiRadchenko]

Description Auth screens contain login and register form. On Expo 50 I faced with problem Keyboard Flickering on TextInput with secureTextEntry on iOs devices.

[AndreiRadchenko]

I tried next approaches to fix bug:

1. Solution with modifying react-native library and save modification with patch-package. Leave TextInput with secureTextEntry={isPasswordHidden} prop.

   • Prof: Learn approach with node_modules modification. No needs in Password TextInput modification.

   • Cons: Keyboard still flickering though KeyboardAvoidingView doesn't

2. Refuse from secureTextEntry={isPasswordHidden} prop solve Keyboard Flickering problem. Cover TextInput with another Text that shows dots or chars according to isPasswordHidden

   • Prof: Simple implementation.

   • Cons: No cursor visible in upper Text

3. Implement function for handle input with * and pass it to onTextChange. This is approach I've implemented.

   • Prof: No problem with cursor.

   • Cons: Relatively complicated implementation

solution description

[AndreiRadchenko]

Committ to fix 6f29fbbcc299106897127651bac9b2b9a2a48296

[AndreiRadchenko]

this commit resolve issue 6f29fbb