Keyboard not showing in the TextInput when pressing back button

[rodevasia]

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

Keyboard appear first time and then if we press back button, the keyboard goes as usual but it will not shows up if i press again

React Native version:

.
react: 17.0.1 => 17.0.1
react-native: 0.64.0 => 0.64.0

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

1.import TextInput from 'react-native' and use it
2.

Expected Results

Describe what you expected to happen.

Snack, code example, screenshot, or link to a repository:

Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
You may provide a screenshot of the application if you think it is relevant to your bug report.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

[Aletagro]

I have the same problem. Android 8 and earlier

[rodevasia]

Tested in Android 7 and 9 . Both have same problem

[Aletagro]

There is a very ugly but working solution. Use onPressIn. In which to do blur first, and then focus immediately.

But of course I want something better

[rodevasia]

It works great!, but sometimes it has performance issues. Hope the next version will resolve this.

[mayconline]

same problem with react-native: 0.64.x =/

[mayconline]

still unresolved at 0.65 =/

[mayconline]

There is a very ugly but working solution. Use onPressIn. In which to do blur first, and then focus immediately.

But of course I want something better

as a temporary solution, it works

[codigocarvalho]

Still unresolved at 0.66.3 on android 6, 7, 8.

I tested 0.63.4 and it works fine on all Android versions

[noreplydev]

Still unresolved at 0.68.2 on Android 11.0

[psionic12]

Still unresolved at 0.68.1, but only happens on Android 7, this can be easily reproduced in rn_tester

[rikian]

u can try this

import { useState, useEffect, useRef } from "react";
import { Keyboard, TextInput, View } from "react-native";

export default function TextInputC(): JSX.Element {
    const [keyboardStatus, setKeyboardStatus] = useState('');
    useEffect(() => {
        const showSubscription = Keyboard.addListener('keyboardDidShow', () => setKeyboardStatus('display'));
        const hideSubscription = Keyboard.addListener('keyboardDidHide', () => setKeyboardStatus('none'));
        return () => {
            showSubscription.remove();
            hideSubscription.remove();
        };
    }, []);
    const textInputRef = useRef<TextInput>(null);
    const checkKeyboards = () => {
        if(keyboardStatus === "none") textInputRef.current?.blur()
        
        return true
    };

    return(
        <View style={{backgroundColor:"grey", borderRadius:5}}>
            <TextInput
                ref={textInputRef}
                onPressIn={checkKeyboards}
                placeholder='What do you think about this...'
                placeholderTextColor={"white"}
                multiline={true}
                style={{backgroundColor:"grey",margin:5,height:100,textAlignVertical:"top",color:"white"}}
            />
        </View>
    )
}