Keyboard doesn't show up when autoFocus on component mount

Hello,

I am trying to use react-native-screens combine with react-navigation for my app for better performance, however I have a weird problem. Indeed, when I have a new page mounting with a TextInput set on autoFocus, it focused as expected but the keyboard does not show up on the screen.

If I don’t put useScreens() it works perfectly, the TextInput is focused and the Keyboard appears.

react-native: 0.59.1; react-navigation: 3.8.1; react-native-screens: 1.0.0-alpha.22; OS: Android; Device: Real;

[jslok]

Same problem here.

I’m using a settimeout in componentdidmount to trigger the focus after some milliseconds, but still not the best because there is a necessary delay. setTimeout(() => this.ref.focus(), 150) Remove autoFocus prop on the component or else it won’t work.

Looking forward to a better solution if possible.

[Luckygirlllll]

Any updates for this problem? I have this problem in Android.

I have tried to use autoFocus and ref, but it didn’t help. What workarounds did you use?

componentDidMount() {
       this.ref.focus();
   }

<TextInput
                           ref={ref => this.ref = ref}
                           autoFocus={true}
                           value={this.props.reflection}
                           onChange={ e => this.props.onChange('reflection', e) }
                       />